/*
**
** RESET DE TOUS LES STYLES **
**
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



/*
**
** FEUILLE DE STYLE DU SITE **
**
*/

html {
	width:100%;
}

body {
	color: #000;
	font-size: 14px;
	font-family: Georgia, serif;
	font-weight: normal;
	background-color: #C4C4C2;
}

/* ////////// Navigation ////////// */

#site {
	width: 100%;
	margin: 0px auto;
	padding: 0px;
	overflow: hidden;
}

#contenu {
	position: absolute;
	margin: 0px auto;
	padding: 0px;
	top: 8px;
	left: 0px;
	width: 960px; /* intégration */
}

#background {
	width: 12453px;
	height: 900px;
	position: relative;
	top: 0px;
	left: 0px;
}

	#background img {
		margin: 0px;
		padding: 0px;
		float: left;
	}

/* ////////////////////////////// */



/* HEADER */

	#header {
		background: transparent url(../images/bg_header_bleu.png) no-repeat;
		width: 960px;
		height: 300px;
		
		border-top-left-radius: 13px;
		-moz-border-radius-topleft: 13px;
		-webkit-border-top-left-radius: 13px;
	}

	.logo {
		padding: 17px 21px 18px 25px;
		float: left;
		width: 99px;
		height: 225px;
	}
	
	.preload {
		position: absolute;
		top: 115px;
		left: 450px;
	}


	/* //////////////////// MENU //////////////////// */
	
		#menu {
			top: 25px;			
			float: left;
			height: 35px;
			position: relative;
			margin: 0;
			padding: 0;
		}

		#menu li {
			float: left;
			margin-right: 2px;
		}

		#menu li a {
			background-image: url(../images/menu.png);
			background-repeat: no-repeat;
			display: block;
			height: 35px;
			text-indent: -9999px;
		}
		
		/*up state*/
		li#menu_oeil a {
			width: 48px;
			background-position: 0 -35px;
		}

		li#menu_oreille a {
			width: 48px;
			background-position: -48.8px -35px;
		}

		li#menu_nez a {
			width: 48px;
			background-position: -97.6px -35px;
		}

		li#menu_bouche a {
			width: 48px;
			background-position: -146.4px -35px;
		}

		li#menu_toucher a {
			width: 48px;
			background-position: -195.2px -35px;
		}

		li#menu_sensoriel a {
			width: 48px;
			background-position: -244px -35px;
		}

		/*hover state*/
		li#menu_oeil a:hover {
			background-position: 0 0;
		}

		li#menu_oreille a:hover {
			background-position: -48.8px 0;
		}

		li#menu_nez a:hover {
			background-position: -97.6px 0;
		}

		li#menu_bouche a:hover {
			background-position: -146.4px 0;
		}

		li#menu_toucher a:hover {
			background-position: -195.2px 0;
		}

		li#menu_sensoriel a:hover {
			background-position: -244px 0;
		}
			
	/* ////////////////////////////////////////////////// */
	
	.menu_titre {
		background: transparent url(../images/menu.png);
		background-repeat: no-repeat;
		width: 300px;
		float: left;
		margin-top: 25px;
		padding-top: 10px;
		line-height: 35px;
		font-family: Verdana, sans-serif;
		font-weight: normal;
		font-size: 1.21em;
		text-align: center;
		color: #000;
	}

	
	a.btn_sensoriel {
		background: transparent url(../images/btn_sensoriel.png) no-repeat;
		background-position: 0 0;
		float: right;
		display: block;
		margin-top: 25px;
		margin-right: 8px;
		width: 285px;
		height: 30px;
		line-height: 30px;
		text-align: center;
		font-family: Arial, sans-serif;
		font-weight: normal;
		font-size: 1.07em;
		color: #FFF;
		text-decoration: none;
		position: relative;
		cursor: pointer;
	}
	
		a.btn_sensoriel:hover {
			background-position: 0 -31px;
		}		
		
	
	.titre_rubrique {
		font-family: Georgia, serif;
		font-weight: normal;
		font-size: 3.57em;
		text-align: right;
		color: #FFF;
		float: left;
		width: 755px;
		margin-top: 65px;		
		padding-right: 45px;
		line-height: 1.2em;
	}
	
	#fildarianne {
		font-family: Verdana, sans-serif;
		font-weight: normal;
		font-size: 0.71em;
		color: #CCC;
		float: left;
		/*width: 760px;*/
		line-height: 31px;
	}
	
		#fildarianne a {
			color: #CCC;
			text-decoration: none;
			position: relative;
		}
		
			#fildarianne a:hover {
				color: #FFF;
			}
	
	#activer_son {
		background:transparent url(../images/info_son.png) no-repeat scroll 0 0;
		color:#000000;
		font-family:Verdana,sans-serif;
		font-size:12px;
		height:13px;
		left:663px;
		padding:7px 12px 7px 2px;
		position:absolute;
		text-align:center;
		top:232px;
		width:238px;
	}
		
		#activer_son img {
			margin-left: 5px;
			display:none;
		}
	
	#son_btn {
		float: right;
		margin-right: 20px;
		height: 31px;
	}
		
		#son_btn a {
			background: transparent url(../images/son_btn.png);
			background-position: 0 -2px;
			background-repeat: no-repeat;
			width: 25px;
			height: 20px;
			display: block;
			text-indent: -9999px;
			margin: 6px 0px;
		}
		
			#son_btn a:hover {
				background-position: 0 -17px;
			}


/* TEMPLATE */

	#bg_template {
		background: transparent url(../images/bg_site_bleu.png) repeat fixed top left;
		width: 960px;
	}

	#template {
		background-color: #FFF;
		margin: 0px 8px;
		padding-bottom: 65px;
		overflow: hidden;
	}
		
	.titre_puce {
		float: left;
		margin-right: 7px;
		margin-top: 4px;
	}

	.titre_page {
		font-family: Georgia, serif;
		font-weight: normal;
		font-size: 2em;
		margin-bottom: 50px;
		color: #4C5763;
		width:550px;
		padding-left:60px;
	}
	
		 .titre_page img {
			left:8px;
			position:absolute;
		}
	
	
	/* Contenu Gauche */
	
	#contenu_page_left {
		float: left;
	}
		
		#contenu_page_left h3 {
			font-weight:bold;
			padding-bottom:10px;
		}
		
			#contenu_page_left h3.sensoriel {
				font-weight:bold;
				overflow:hidden;
				padding-left:35px;
				width:577px;
			}
		
		#contenu_page_left p {
			float: left;
			font-family: Georgia, serif;
			font-weight: normal;
			font-size: 1em;
			line-height: 1.43em; /* 1.85 */
			color: #4C5763;
		}
		
			#contenu_page_left p span {
				font-weight: bold;
				display: block;
			}

			#contenu_page_left p.paragraphe_gauche {
				padding-left: 35px;
				width: 278.5px;
			}
			
			#contenu_page_left p.paragraphe_droite {
				padding-left: 20px;
				width: 278.5px;
			}
			
			#contenu_page_left p.paragraphe_pleine_page {
				padding-left: 35px;
				width: 557px;
			}	
	
		#contenu_page_left a {
			font-family: Georgia, serif;
			font-weight: normal;
			font-style: italic;
			font-size: 0.85em;
			text-decoration: none;
			line-height: 2em;
		}
		
		#contenu_page_left .lien_puce {
			margin-right: 5px;
		}
	
	
	/* Séparateur central */	
	
	.seperateur {
		height: 380px;
		float: left;
		margin: 35px 45px 0px 45px;
		border-style: none;
		border-left: dotted 2px #4C5763;
	}
	
	
	
	/* Contenu Droit */
	
	#contenu_page_right {
		float: right;
		padding-right: 35px;
		padding-top: 5px;
		width: 205px;
	}
		
		a.btn_transfo {
			background: transparent url(../images/btn_transfo_bleu.jpg);
			background-position: 0 0;
			background-repeat: no-repeat;
			display: block;
			height: 30px;
			text-align: center;
			font-family: Arial, sans-serif;
			font-weight: normal;
			font-size: 1.07em;
			color: #FFF;
			text-decoration: none;
			line-height: 30px; /* ! Important ! */
		}
		
			a.btn_transfo:hover {
				background-position: 0 -31px;
			}
		
		#contenu_page_right h3 {
			font-family: Verdana, sans-serif;
			font-weight: normal;
			font-size: 1.28em;
			margin-top: 32px;
			margin-bottom: 10px;
			line-height: 0.5em;
			color: #4C5763;
		}
		
			.mini_puce {
				float: left;
				margin-right: 6px;
			}
		
		.extrait {	
			overflow: hidden;
			margin-bottom: 36px;
			font-family: Verdana, sans-serif;
			font-weight: normal;
			font-size: 0.78em;
			line-height: 1.40em;
			color: #4C5763;	
		}
		
			.extrait p {
				margin-bottom: 20px;
			}
		
			.extrait a {
				font-style: italic;
				text-decoration: underline;
				float: right;
			}
				
				.extrait a:hover {
					color: #000;
				}


/* FOOTER */

	#footer {
		background: transparent url(../images/bg_site_bleu.png) repeat fixed top left;
		width: 960px;
		padding-bottom: 5px;
		font-family: Verdana, sans-serif;
		font-weight: normal;
		font-size: 0.71em;
		color: #CCC;
	}
	
	#siteMap {
		padding: 0px 8px;
		overflow: hidden;
	}
		
		#siteMap div {
			overflow: hidden;
			line-height: 1.5em;
			margin: 4px 0px 3px 0px;
		}
		
		#siteMap span {
			margin: 0px 20px;
			float: left;
		}
		
			#siteMap span a {
				color: #CCC;
				text-decoration: underline;
			}
		
		#siteMap span.right {
			float: right;
			text-align: right;
		}
			
			#siteMap span.right a {
				color: #CCC;
				text-decoration: none;
			}
			
				#siteMap span.right a:hover {
					color: #000;
				}
	
		#siteMap hr {
			border-style: none;
			border-top: dotted 1px #CCC;
			margin-bottom: 5px;
			margin-top: 0px;
			height: 0px;
		}
		
	#map {
		background: #FFF url(../images/bgplan.png) no-repeat bottom left;
		height: 150px;
		margin-bottom: 10px;
		border-top-left-radius: 20px;
		-moz-border-radius-topleft: 20px;
		-webkit-border-top-left-radius: 20px;
		padding: 30px 0px 30px 35px;
	}
		
		#map div {
			color:#4C5763;
			float:left;
			font-family:Verdana,sans-serif;
			font-size:1em;
			font-weight:normal;
			line-height:1.07em;
			text-align:right;
		}
			
			#map div ul {
				color: #4C5763;
			}
				
				#map div ul li.rubrique {
					display: block;
					padding-bottom: 8px;
					font-weight: bold;
					padding-right: 0px;
				}
				
					#map div ul li.rubrique a {
						color: #4C5763;
						text-decoration: none;
					}

						#map div ul li.rubrique a:hover {
							color: #000;
							text-decoration: none;
						}
				
				#map div ul li {
					display: block;
					padding-right: 12px;
					line-height: 1.5em;
				}
				
				#map div ul li a {
					color: #4C5763;
					text-decoration: none;			
				}
				
					#map div ul li a:hover {
						color: #000;
						text-decoration: none;
					}
	
	#footer #copyright {
		height: 14.5px;
		background-color: #000;
		border: solid 0px #000;
		padding: 1px 5px;
		text-align: right;
		font-family: Verdana, sans-serif;
		font-weight: normal;
		font-size: 0.9em;
		line-height: 1.5em;
		color: #CCC;
	}
	
		#footer #copyright a {
			color: #CCC;
			text-decoration: none;
		}
		
		#footer #copyright a:hover {
			color: #FFF;
			text-decoration: none;
		}
	



/* ------------------------------ CONTENU ------------------------------ */

.news {
	font-size: 1em;
	margin: 0px 0px 14px 35px;
	overflow: hidden;
	width:577px;
}

	.news div.date {
		float: left;
		text-align: right;
		margin-right: 20px;
		font-family: Verdana, sans-serif;
		font-weight: normal;
		color: #4C5763;
	}
		
		.news div.date span.day {
			display: block;
			font-size: 2em;
		}
		
		.news div.date span.month {
			display: block;
			font-size: 0.71em;
			margin-top: 8px;
		}
		
		.news div.date span.year {
			display: block;
			font-size: 1em;
			vertical-align: bottom;
			margin-top: 6px;
		}
		
	.news div.contenuNews {
		float: left;
		width: 520px;
		margin-top: 11px;
	}
	
		.news div.contenuNews img {
			width:500px;
			margin: 0px;
			border: solid 1px #C1C0C1;
		}
	
	.news div.contenuNews p {
		clear:both;
	}
	
	.news div.contenuNews span {
		display: block;
		height: 25px;
	}
	
	.news div.contenuNews a {
	}
	
		a.tri_link {
			display:block;
			margin-bottom:8px;
		}
		
		/* même chose pour les filtre d'offre d'emplois */
		a.offre_tri {
			display:block;
			margin-bottom:8px;
		}
		
	a.link_experimenter {
		display:block;
		padding-top:20px;
	}
	
	
#contenu_page_right span, #contenu_page_right span {
	line-height: 1.5em;
}
	
	
.avoir {
	overflow: hidden;
	margin-bottom: 36px;
	font-family: Verdana, sans-serif;
	font-weight: normal;
	font-size: 0.78em;
	line-height: 1.40em;
	color: #4C5763;	
}

	.avoir a {
		font-style: italic;
		text-decoration: none;
		line-height: 2em;
	}
		
		.avoir a:hover {
			color: #000;
		}


.article {
	font-size: 1em;
	padding-left: 35px;
	margin-bottom: 35px;
	overflow: hidden;
}
	
	.article p {
		float: left;
		width: 290px;
	}
	
	
	.article div.illustration {
		margin-left: 35px;
		width: 250px;
		max-height:214px;
		min-height:150px;
		overflow: hidden;
		float: right;
	}
		
		div.illustration_sensoriel {
			border:1px solid #C1C0C1;
			height:325px;
			margin-bottom:20px;
			margin-left:35px;
			overflow:hidden;
			position:relative;
			width:575px;
		}
	
		.article img.illustration {
			width: 250px;
		}
			
			div.illustration_sensoriel img {
				width: 575px;
			}
			
				div.illustration_sensoriel img.illustration_sensoriel_hover {
					right:0;
					position:absolute;
				}


#contenu_page_left p.paragraphe {
	padding-left: 35px;
	margin-bottom: 35px;
	width: 577px;
	float: none;
	overflow: hidden;
}

	#contenu_page_left p.link_lesensoriel {
		margin-top:-20px;
		margin-bottom:50px;
	}
	
	#contenu_page_left p.paragraphe img.schema {
		max-width: 577px;
		padding:35px 0 0;
	}

div.contacts {
	overflow: hidden;
	font-family: Georgia, serif;
	font-weight: normal;
	font-size: 1em;
	line-height: 1.43em;
	color: #4C5763;
}
	
	div.contacts span.titre {
		display: block;
		font-weight: bold;
		padding-left: 35px;
		margin-bottom: 20px;
	}

		div.fiche_contact {
			float:left;
			margin-left:35px;
			padding-bottom:35px;
			overflow:hidden;
			width:250px;
		}
		
			div.fiche_contact_left {
				width:290px;
			}

			.fiche_contact div.photo {
				overflow: hidden;
				float: left;
				width: 110px;
				height: 90px;
				margin-right: 8px;
				border: solid 1px #AD9999;
			}
	
				.fiche_contact img.photo {
					width: 100px;
				}
	
			.fiche_contact span {
				line-height: 1.4em;
			}

				.fiche_contact span.fiche_contact_role, .fiche_contact span.fiche_contact_tel {
					display: block;
					font-size:0.8em;
					line-height:1.45em;
				}

div.paragraphe {
	overflow: hidden;
}
	
.paragraphe div.illustration {
	width: 261px;
	height:230px;
	float: left;
	margin-left: 35px;
}

	.paragraphe img.illustration {
		width: 261px;
	}


p.nous_contacter {
	margin-top: 20px;
}
	
	p.nous_contacter span {
		display: block;
	}

		p.nous_contacter span a {
			display: block;
			position: absolute;
			right: 40px;
		}

div.profils {
	margin-left: 20px;
	overflow: hidden;
	margin-bottom: 35px;
}
	
	div.profils div.profil {
		float: left;
		display: block;
		width: 212px;
		margin-left: 20px;
	}
		
		div.profil span {
			font-weight: bold;
		}
		
		div.profil p {
			margin: 28px 0px 30px 0px;
		}
		
		div.profil a {
			font-size:13px;
			text-align:right;
			text-decoration:none;
			line-height:2em;
		}
		
		div.lien_profil_tous a {
			padding: 35px;
			text-align:right;
			text-decoration:none;
			line-height:2em;
			text-align:left;
		}


.seperateur_profils {
	border-left:2px dotted #4C5763;
	border-style:none none none dotted;
	float:left;
	height:380px;
	margin:35px 20px 0;
}

#contenu_page_left_profils {
	float: left;
}
	
	#contenu_page_left_profils p {
		float: left;
		font-family: Georgia, serif;
		font-weight: normal;
		font-size: 1em;
		line-height: 1.43em; /* 1.85 */
		color: #4C5763;
	}
	
	#contenu_page_left_profils p.paragraphe {
		margin: 35px;
	}

#contenu_page_right_profils {
	float:right;
	padding-right:35px;
	width:150px;
}

	#contenu_page_right_profils h3 {
		font-family: Verdana, sans-serif;
		font-weight: normal;
		font-size: 1.28em;
		margin-top: 32px;
		margin-bottom: 10px;
		line-height: 0.5em;
		color: #4C5763;
	}

/* Fiches étudiants */

.fiches_etudiants {
	margin: 60px 62px;
	overflow: hidden;
}

	div.fiche_etudiant {
		width: 222px;
		height: 95px;
		background: transparent url(../images/header_fiche.gif) no-repeat top left;
		padding-top: 20px;
		float: left;
		margin-bottom: 40px;
	}
	
		div.fiche_etudiant div.etudiant_photo {
			width: 110px;
			height: 90px;
			float: left;
			border: solid 1px #ED781E;
		}
		
			div.fiche_etudiant div.etudiant_photo img {
				width: 110px;
				height: 90px;
			}
	
		div.fiche_etudiant span {
			margin-left: 5px;
			line-height: 1.5em;
		}
	
		div.fiche_etudiant span.etudiant_profil {
			font-size: 11px;
			margin-left: 5px;
			line-height: 1.43em;
			font-size: 0.7em;
			font-style: italic;
			font-family: Verdana, sans-serif
		}
		
		a.etudiant_details {
			text-decoration: underline;
			font-style: italic;
			font-size: 11px;
			display: block;
			text-align: right;
			margin-top: 20px;
		}


	.details_etudiant {
		width: 725px;
		overflow: hidden;
		background: transparent url(../images/header_detail-fiche.gif) no-repeat top left;
		padding-top: 20px;
		margin: 30px 50px;
	}

		.details_etudiant div.infos {
			border: solid 1px #ED781E;
			width: 415px;
			float: left;
			padding: 20px;
			margin-right: 20px;
			border-bottom-right-radius: 20px;
			-moz-border-radius-bottomright: 20px;
			-webkit-border-bottom-right-radius: 20px;
		}

			.details_etudiant span {
				font-size: 1.4em;
			}

			.details_etudiant span.etudiant_profil {
				font-style: italic;
				font-size: 1em
			}

			.details_etudiant p.etudiant_description {
				margin: 20px 0px;
				line-height: 1.43em;
			}
			
			.details_etudiant a {
				font-size: 11px;
				line-height: 1.7em;
				display: block;
				text-align: right;
				text-decoration: none;
				font-style: italic;
			}

		.details_etudiant div.etudiant_photo {
				width: 225px;
				height: 170px;
				float: right;
				border: solid 1px #ED781E;
				margin-top: 20px;
				margin-right: 20px;
		}
			
			.details_etudiant div.etudiant_photo img {
					width: 225px;
					height: 170px;
			}


/* Fiches intervenants */

.fiches_intervenants {
	margin: 60px 62px;
	overflow: hidden;
}

	div.fiche_intervenant {
		width: 222px;
		height: 95px;
		background: transparent url(../images/header_fiche_prof.gif) no-repeat top left;
		padding-top: 20px;
		float: left;
		margin-bottom: 40px;
	}

		div.fiche_intervenant div.intervenant_photo {
			width: 110px;
			height: 90px;
			float: left;
			border: solid 1px #BECE00;
		}

			div.fiche_intervenant div.intervenant_photo img {
				width: 110px;
				height: 90px;
			}

		div.fiche_intervenant span {
			margin-left: 5px;
			line-height: 1.5em;
		}

		div.fiche_intervenant span.intervenant_profil {
			font-size: 0.8em;
			margin-left: 5px;
			line-height: 1.5em;
			font-size: 0.7em;
			font-style: italic;
			font-family: Verdana, sans-serif
		}

		a.intervenant_details {
			text-decoration: underline;
			font-size: 0.7em;
			display: block;
			text-align: right;
			margin-top: 20px;
			font-style: italic;
		}


	.details_intervenant {
		width: 725px;
		height: 290px;
		background: transparent url(../images/header_detail_fiche_prof.gif) no-repeat top left;
		padding-top: 20px;
		margin: 30px 50px;
	}

		.details_intervenant div.infos {
			border: solid 1px #BECE00;
			width: 415px;
			float: left;
			padding: 20px;
			margin-right: 20px;
			border-bottom-right-radius: 20px;
			-moz-border-radius-bottomright: 20px;
			-webkit-border-bottom-right-radius: 20px;
		}

			.details_intervenant span {
				font-size: 1.4em;
			}

			.details_intervenant span.intervenant_profil {
				font-style: italic;
				font-size: 1em
			}

			.details_intervenant p.intervenant_description {
				margin: 20px 0px;
				line-height: 1.43em;
			}

			.details_intervenant a {
				font-size: 11px;
				line-height: 1.7em;
				display: block;
				text-align: right;
				text-decoration: none;
				font-style: italic;
			}

		.details_intervenant div.intervenant_photo {
				width: 225px;
				height: 170px;
				float: right;
				border: solid 1px #BECE00;
				margin-top: 20px;
				margin-right: 20px;
		}

			.details_intervenant div.intervenant_photo img {
					width: 225px;
					height: 170px;
			}


/* Travaux d'étudiants */

.travaux {
	margin: 0px 37px;
}

.matieres {
	overflow: hidden;
	width: 870px;
	height: 260px;
}

	a.btn_precedent {
		position: absolute;
		margin-left: 30px;
		left: 45px;
		top: 496px;
		z-index: 1;
	}
	
	a.btn_suivant {
		position: absolute;
		margin-left: 815px;
		left: 45px;
		top: 496px;
		z-index: 1;
	}
	
	.liste_matieres {
	}

		.matiere {
			float: left;
			width: 870px;
			height: 260px;
			position: relative;
			background-color: #ED781E;
			border-bottom-right-radius: 20px;
			-moz-border-radius-bottomright: 20px;
			-webkit-border-bottom-right-radius: 20px;
		}
	
			.matiere div {
				float: left;
				color: #FFF;
			}
		
				.matiere span.intitule {
					display: block;
					margin-left: 20px;
					margin-top: 40px;
					font-size: 24px;
					width:280px;
					line-height: 1.3em;
				}
			
				.matiere span.intervenant {
					display: block;
					margin-left: 20px;
					margin-top: 28px;
					font-size: 14px;
					line-height: 1.43em;
					font-style: italic;
				}
			
				.matiere a.voir_travaux {
					display: block;
					width: 280px;
					position: absolute;
					right: -150px;
					bottom: 10px;
					color: #FFF;
					font-size: 13px;
					font-style: italic;
				}
			
					.matiere a.voir_travaux:hover {
						color: #000;
					}


/* ---------- Fiches travaux ---------- */

.liste_travaux {
	margin-top: 80px;
}

	.ligne_fiches {
		overflow: hidden;
	}

		.fiche_travail {
			width: 278px;
			height: 95px;
			background: transparent url(../images/header_fiche_travaux.gif) no-repeat top left;
			overflow:hidden;
			padding-bottom:40px;
			padding-top: 20px;
			float: left;
		}
	
			.travail_illustration {
				width: 110px;
				height: 90px;
				float: left;
				border: solid 1px #ED781E;
			}
			
				.travail_illustration img {
					width: 110px;
					height: 90px;
				}
		
			.fiche_travail span {
				display: block;
				margin-left: 120px;
				margin-top: 10px;
				font-size: 14px;
			}
		
			.fiche_travail p {
				margin: -5px 0px 10px 120px;
				font-size: 11px;
				line-height: 1.43em;
				font-family: Verdana, sans-serif;
				font-style: italic;
			}
		
			.fiche_travail a {
				display: block;
				text-align: right;
				font-size: 11px;
				height: 30px;
			}



.detail_travaux {
	margin: 80px 70px 0px 70px;
}

.detail_travaux div.detail {
		width: 725px;
		background: transparent url(../images/header_detail-fiche.gif) no-repeat top left;
		padding-top: 20px;
}
	
	.travail_descriptif {
		width: 332px;
		float: left;
		border: solid 1px #ED781E;
		padding: 20px 40px 20px 20px;
		border-bottom-right-radius: 20px;
		-moz-border-radius-bottomright: 20px;
		-webkit-border-bottom-right-radius: 20px;
	}
	
		.travail_descriptif span {
			font-size: 18px;
		}
	
		.travail_descriptif p {
			font-size: 14px;
			line-height: 1.43em;
			margin: 20px 0px 20px;
			overflow: hidden;
		}
	
		.travail_descriptif a.travail_url {
			font-size: 11px;
			display: block;
			text-align: right;
			font-style: italic;
			text-decoration: none;
		}
	
	.travaux_illustrations {
		padding: 20px 0px 0px 40px;
		overflow: hidden;
	}
	
		.travaux_illustrations img {
			width: 110px;
			max-height: 90px;
			border: solid 1px #ED781E;
			margin: 0px 20px 20px 0px;
			display:block;
			float:left;
		}


/* ---------- Programme ---------- */

.liste_programmes {
	margin-left: 35px;
}

	.fiche_programme {
		width: 575px;
		margin-bottom: 90px;
	}
	
		.header_programme {
			max-width: 575px;
			height: 60px;
			margin-bottom: 20px;
			display: table;
		}
		
			.header_programme_illustration {
				background-color: transparent;
				background-repeat: no-repeat;
				background-position: top left;
				width: 355px;
				height: 60px;
				display:table-cell;
				float: left;
				border-top-left-radius: 30px;
				-moz-border-radius-topleft: 30px;
				-webkit-border-top-left-radius: 30px;
			}
			
			.header_programme .header_programme_intitule {
				background-color:#ED781E;
				color:#FFFFFF;
				display:table-cell;
				font-family:Georgia,serif;
				font-size:18px;
				height:60px;
				overflow:hidden;
				padding:0 10px;
				text-align:center;
				vertical-align:middle;
				width:197px;
			}
			
		.detail_programme {
			margin-bottom: 20px;
			font-size: 14px;
			line-height: 1.3em;
			overflow:hidden;
		}
		
			.detail_programme div.detail_intervenant {
				float: left;
				margin-right: 20px;
				width: 345px;
				overflow:hidden;
			}
			
			.detail_programme div.detail_competences {
				float:left;
				overflow:hidden;
			}
			
		.nbHeures_programme {
			background:transparent url(../images/footer_programme.gif) no-repeat scroll left bottom;
			font-size:12px;
			font-weight:bold;
			padding:0 5px 40px;
			text-align:right;
		}


.ligne_contact {
	clear: both;
}

	.fiche_entreprise {
		overflow: hidden;
		float: left;
		margin-left: 35px;
		margin-bottom: 35px;
		width: 155px;
		padding: 5px;
		line-height: 1.43em;
	}

		.fiche_entreprise_nom{
			/*display:block;*/
			display:none;
			font-size:1.4em;
			line-height:1.43em;
			margin-right:5px;
		}

		.fiche_entreprise_type {
			font-size:0.9em;
			font-style:italic;
			font-weight:bold;
		}
	
		.fiche_entreprise_adresse {
			font-size: 0.8em;
		}

		.fiche_entreprise_url, .fiche_entreprise_email {
			font-style: italic;
			text-decoration: none;
			font-family: Verdana, sans-serif;
			font-size: 11px;
			display:block;
		}

	.fiche_entreprise div.photo {
		overflow: hidden;
		width: 150px;
	}

		.fiche_entreprise div.photo img {
			border:1px solid #CCCCCC;
			width:148px;
		}




/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}


.article_anciens {
	font-size: 1em;
	padding-left: 35px;
	margin-bottom: 35px;
	overflow: hidden;
	width:575px;
	line-height: 1.4em;
}

/*.illustration_anciens {
	float: right;
}*/

div.illustration_anciens {
	margin-left: 7px;
	width: 250px;
	height:214px;
	overflow: hidden;
	float: right;
}

	img.illustration_anciens {
		width: 250px;
	}