/******************************************************************************
 * Modele de page Web pour l'equipe AlCAAp du laboratoire PRiSM               *
 *                                                                            *
 * www.prism.uvsq.fr                                                          *
 * 27-09-06                                                                   *
 *                                                                            *
 * Realisation : Benjamin COHEN BOULAKIA                                      *
 *               bcohen@prism.uvsq.fr                                         *
 ******************************************************************************/

/**
 * Petite note explicative :
 * 
 * Certains attributs sont specifies deux fois, une fois avec !important à la
 * fin, puis une deuxième fois sans le !important. Cette directive permet de
 * forcer la lecture de l'attribut en dernier. Ainsi, la valeur prise en compte
 * devrait etre celle avec le !important, meme si elle est placee avant celle
 * sans le !important. Internet Explorer (encore lui...) ne tient cependant
 * pas compte de cette directive. Cela permet donc de specifier pour un attribut
 * une valeur par defaut, et une specifique a IE, et donc de contourner les
 * nombreux (tres nombreux) bugs ou non-respects des standards. L'usage est
 * particulierement flagrant des qu'on commence a jouer avec les marges,ecarts,
 * et placeement un peu "fins" (notamment l'usage de float, franchement pourri
 * avec IE).
*/


/*************************************************
 * Mise en page globale, gestion du menu etc...  *
 *************************************************/
* {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}


body {
	text-align: center;
	background-color: #d5d5d5;
	padding: 20px;
	padding-bottom:0;
}

table, tbody, thead, tr, td {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

body, td {
	font-size:12px;
	line-height: 1.4em;
}	

#container {
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 820px;
	text-indent: 2em;

	/* le background est specifie ici plutot que dans content, pour que IE
	 * le duplique bien jusqu'en bas meme si la page est plus courte que la
	 * barre de navigation a droite
	 */
	background: url("images/bg-border.png") repeat-y top left;
}

	#header {
		background: url("images/header.png") no-repeat top left;
		height: 100px;
		width: 820px;
		position: relative;
		padding-left: 20px;
		color: white;
		display: table;
		overflow: hidden;
		display: table;
		text-indent: 0;
	}
	
		#pagetitle {
			position: relative;
			vertical-align: middle;
			z-index:0;
			left: 25px;
			font-size:3em;
			line-height:1.1em;
			font-family: palatino;
			display: table-cell;
		}
		
		#logoequipe {
			font-weight: bold;
			font-size:2em;

			margin-right: 30px!important;
			margin-right: 0;

			margin-top: 10px !important;
			margin-top: -70px;

			height:0 !important;
			height: 200px;

			float: right;
			text-align: left;
		}

	#content{
		padding-left: 30px;
		padding-top: 40px;

		/* le background est specifie dans container plutot qu'ici,
		 * pour que IE le duplique bien jusqu'en bas meme si la page est
		 * plus courte que la barre de navigation a droite
		 */
		/*background: url("images/bg-border.png") repeat top left;*/
		min-height: 720px;
	}

		/**
		 * Menu de droite
		 */
		#sectionnav {
			float: right;
			width: 120px;
			height: 200px;
			padding-right: 10px;
			padding-left: 10px;
			background-image: url("images/navstripe.png");
			background-repeat: no-repeat;
			background-position: top left;
			font-size:0.9em;
			text-indent: 0;
		}

			/**
			 * Liste de navigation
			 */
			#sectionnav ul {
				list-style-type: none;
				margin: 0;
				padding: 0;
			}

			#sectionnav li {
				margin: -10px;
				padding: 10px 9px 9px 2px;
				line-height: 1.3em;
				margin-top: 0.3em;
			}

			#sectionnav a {
				display: block;
				text-decoration: none;
				color: black;
				padding-left: 20px;
			}

			#sectionnav li a:hover {
				color: #406F9F;
				background-image: url("images/go.gif") ;
				background-repeat: no-repeat;
				background-position: -1px 50%;
			}

			#sectionnav a .menuinfo {
				display: none;
			}

			#sectionnav a:hover .menuinfo {
				display: block;
				position: absolute;
				margin-top: 40px;
				margin-left: 5px;
				width: 130px;

				background-color: white;
				text-align: center;
				font-style: italic;
				padding: 2px;
				line-height: 1.6em;

				border-style: solid;
				border-width: 1px;
				z-index: 100;
			}

			/* pour eviter que le tooltip reste ouvert */
			#sectionnav a .menuinfo:hover {
				display: none;
			}

			#sectionnav #current {
				color: gray;
				background-image: none;
				cursor: default;
			}

			#sectionnav hr {
				height: 1px;
				margin-top: 35px;
				margin-bottom: 20px;
			}

			#sectionnav .menusep {
				margin-left: 20px;
				margin-top: 5px;
				margin-bottom: 5px;
				width: 70%;
			}
			
			#sep {
				display: block;
				width: 100%;
				border-top: solid 1px;
				margin-left: auto;
				margin-right: auto;
				margin-top: 10px;
				margin-bottom: 5px;
			}

			/**
			 * Recherche Google sur le site
			 */
			*.search {
				display: block;
				margin-left: auto;
				margin-right: auto;
			}

			p.search {
				margin: 0;
				padding: 0;
			}

			img.search {
				margin: 0;
				padding: 0;
			}

			input.search {
				background: white url("images/find-bg.png") no-repeat right center !important;
				background: white url("images/find-bg.png") no-repeat right center fixed;
				padding-right: 18px;
				width: 100px;
			}
			
			#findbutton {
				display: block;
				border: none;
				background: url("images/find.png") no-repeat center top;
				text-indent: -1000em;
				margin-left: auto;
				margin-right: auto;
				margin-top: 1px;
				width: 72px;
				height: 20px;
			}

			#findbutton:active {
				background: url("images/find-clicked.png") no-repeat center top;
			}
			
			#sectionnav .logo img {
				border: 0;
				display: block;
				margin-left: auto;
				margin-right: auto;
			}
			
			#sectionnav .logo, img {
				padding: 0;
				margin-top: 4px;
			}
			
		#main {
			width: 640px;
		}

			#main p {
				padding-bottom: 20px;
			}
	#footer {
		background: url("images/footer.png") no-repeat bottom left;
		height: 50px;
		width: 820px;
		position: relative;
		color: white;
		text-align: center;
	}

		#footer a {
			position: relative;
			top: 27px;
		}

		#footer img {
			border: 0;
		}


/*************************************************
 * Attributs de la zone principale               *
 *************************************************/

h1, h2, h3, h4, h5, h6, h7, h8, h9 {
	color: #406F9F;
	text-indent: 0;
}

h1 {
	font-size:3em;
	line-height: 1em;
	padding-bottom: 25px;
}

h2 {
	padding-top: 50px;
	font-size:2em;
}

h3 {
	padding-top: 20px;
}

p {
	padding-top: 0;
	padding-bottom: 20px;
	margin-bottom:-20px;
}

a {
	color: #406F9F;
}

em {
	font-style: italic;
}


/**
 * pour les listes, on precise #main pour exclure le menu de navigation, qui se trouve lui aussi dans une liste
 */

#main ul li:before {
	/**
	 * pour remplacer la bulle de chaque ligne du menu par un caractere >>
	 */
	content: "\00BB \0020";
	font-size:1.5em;
	}

#main ul {
	list-style: none;
	margin-left: .9em !important;
	margin-left: 2.3em;
	padding-left: 3em;
	text-indent: 2em;

}

#main ul li {
	list-style-image: none;
	list-style-type: none !important;
	list-style-type: disc;
	text-indent: -1.2em !important;
	margin-left: -.8em !important;

	text-indent: 0;
	margin-left: -2em;
}

code {
	background-color : #f0f0ff;
	border : 1px solid #d0d0ff;
	text-indent: 0;
	font-family: monospace;
	font-size:0.9em;
	white-space: pre;
	padding: 0 1px 0 1px;
}


code.codeblock {
	display: block;
	margin: 1em 0 1em 0;
	
}

code, tt {
	font-family: monospace;
	line-height: 1.4em;
}

hr {
	color: #6f7895;
	background-color: #6f7895;
	margin: 20px;
	height: 1px;
	clear: both;
	border: 0;
}

input, textarea {
	border: #6f7895 solid 1px;
}

input:active {
	background-color: gray;
}


table {
	border-style:solid; 
	border-width:1px; 
	border-color: #406F9F;
	width:100%;
	border-collapse:collapse
}

table td, table tr, table tbody, table th, table tfoot, table thead {
	border-style:solid; 
	border-color: #406F9F;
	border-width:1px;
}



/*************************************************
 * Attributs spécifiques                         *
 *************************************************/


/**
 * LaTeX
 */
span.tex {
	font-size: 1.1em;
	letter-spacing: -0.09em;
	font-family: Times, serif;
}
span.tex span.tex-a {
	font-size: 0.69em;
	left: -0.25em;
	text-transform: uppercase;
	font-family: Times, serif;
	position: relative; top: -0.6ex;
}
span.tex span.tex-e {
	left: -0.04em;
	text-transform: uppercase;
	font-family: Times, serif;
	position: relative; top: 0.4ex;
}