/* CSS Document */
/* --------------------------------------------------------------------------------------------- Remise à zéro de tous les préformatages navigateurs */
	* {
		padding:0;
		margin:0;
		list-style:none
	}
	body {
		font-size:68.75%;
		font-family:verdana, arial, helvetica, sans-serif;
		color:#3d3d3d;
		background:#fff url(img/body.gif) repeat-x;
		padding:60px 0 20px 0
	}
	a {text-decoration:none}
	a:hover {text-decoration:underline}
	img {border:none}
	strong {font-weight:bold}
	em {font-style:italic}
	label {cursor:pointer}
	abbr, acronym {
	  border-bottom:1px dotted #333;
	  cursor:help
	}
/* --------------------------------------------------------------------------------------------- Récurrents */
	input.bouton {
		font-family:tahoma;
		font-size:1em;
		color:#fff;
		background:#0468a4;
		border-color:#0468a4;
		border-style:solid;
		border-width:1px;
		padding:1px;
		cursor:pointer
	}
	#middle #main #bouton {
		display:block;
		height:20px;
		text-transform:uppercase;
		text-align:center;
		font-weight:bold;
		color:#fff;
		background:url(img/envoyer.gif) no-repeat center top;
		padding:5px 0 0 0;
		margin:5px 0 0 0;
		text-decoration:none
	}
/* ------------------------------------------------------------------------- Arrondis */
	#middle #main div.arrondi_gris {
		float:left;
		background-color:#c7c7cb;
		background-repeat:no-repeat;
		padding:5px 4px 0 4px
	}
	#middle #main div.arrondi_gris div.arrondi_blanc {
		background-color:#fff;
		background-repeat:no-repeat;
		padding:10px 5px 5px 10px
	}
	#middle #main div.arrondi_gris div.arrondi_blanc_bottom {
		height:7px;
		font-size:0
	}
	#middle #main div.arrondi_gris_bottom {
		float:left;
		width:100%;
		height:5px;
		font-size:0
	}
/* ----------------------------------------------------- Largeur 281 */
	#middle #main div.l281 {
		width:273px;
		background-image:url(img/ar_gr_to.gif)
	}
	#middle #main div.l281 div.arrondi_blanc {background-image:url(img/ar_bl_to.gif)}
	#middle #main div.l281 div.arrondi_blanc_bottom {background:url(img/ar_bl_bo.gif)}
	#middle #main div.l281_bottom {background:url(img/ar_gr_bo.gif) no-repeat}
/* ----------------------------------------------------- Largeur 268 */
	#middle #main div.l268 {
		width:260px;
		background-image:url(img/ar_gr_to.gif)
	}
	#middle #main div.l268 div.arrondi_blanc {background-image:url(img/ar_bl_to_2.gif)}
	#middle #main div.l268 div.arrondi_blanc_bottom {
		height:5px;
		background:url(img/ar_bl_bo_2.gif)
	}
	#middle #main div.l268_bottom {
		background:url(img/ar_gr_bo_2.gif) no-repeat;
		margin:0 0 15px 0
	}
/* ----------------------------------------------------- Largeur 240 */
	#middle #main div.l240 {
		width:232px;
		background-image:url(img/ar_gr_to_3.gif)
	}
	#middle #main div.l240 div.arrondi_blanc {
		font-size:1.0em;
		font-family:verdana, arial;
		color:#000080;
		background-image:url(img/ar_bl_to_3.gif);
		padding-top:20px;
	}
	#middle #main div.l240 div.arrondi_blanc li{
		font-size:1.0em;
		font-family:verdana, arial;
		color:#000080;
		padding-left:50px;
	}
	#middle #main div.l240 div.arrondi_blanc_bottom {
		height:4px;
		background:url(img/ar_bl_bo_3.gif)
	}
	#middle #main div.l240_bottom {
		background:url(img/ar_gr_bo_3.gif) no-repeat;
		padding:0 0 23px 0
	}
/* ----------------------------------------------------- Titre */
	#middle #main div.arrondi_gris div.arrondi_blanc h2 {
		font-family:verdana, arial;
		font-size:1.5em;
		font-weight:bold;
		font-style:italic;
		color:#3c3c3c;
		padding:0 0 6px 0
	}
	#middle #main div.arrondi_gris span.titre {
		display:block;
		font-size:1.4em;
		font-weight:bold;
		font-style:italic;
		color:#1a1a1a;
		padding:3px 0 10px 14px
	}
/* ----------------------------------------------------- Lien */
	#middle #main div.arrondi_gris div.arrondi_blanc a {text-decoration:underline}
	#middle #main div.arrondi_gris div.arrondi_blanc a:hover {text-decoration:none}
/* ----------------------------------------------------- Adresse */
	#middle #main div.arrondi_gris div.arrondi_blanc address {font-style:normal}
/* ----------------------------------------------------- Liste numérotée */
	#middle #main div.arrondi_gris div.arrondi_blanc ol {
		font-style:italic;
		color:#666;
		padding:0 0 0 20px
	}
	#middle #main div.arrondi_gris div.arrondi_blanc ol li {
		list-style-type:none;
		list-style-position:outside;
		padding:0 0 5px 0
	}
	#middle #main div.arrondi_gris div.arrondi_blanc ol li span {
		font-size:1.4em;
		font-weight:bold
	}
/* --------------------------------------------------------------------------------------------- Global */
	#global {
		width:968px;
		margin:0 auto
	}
/* --------------------------------------------------------------------------------------------- Top */
	#top {
		height:30px;
		font-size:.9em;
		color:#646567;
		background:url(img/top.png)
	}
	* html #top {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/top.png',sizingMethod='crop');
		background-image:none
	}
	#top div {
		position:relative;
		float:right;
		top:22px;
		right:13px;
		background:url(img/top_div.png) no-repeat left bottom;
		padding:0 0 0 8px;
		z-index:1
	}
	* html #top div {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/top_div.png',sizingMethod='crop');
		background-image:none
	}
	#top div ul {
		float:left;
		background:url(img/top_ul.png) repeat-x bottom;
		padding:2px 20px 12px 10px
	}
	* html #top div ul {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/top_ul.png',sizingMethod='scale');
		background-image:none
	}
	#top div ul li {display:inline}
	#top div ul li a {
		color:#646567;
		background:#fff
	}
	#top div ul li form {
		position:absolute;
		top:-2px;
		right:8px
	}
	#top div ul li form select {
		float:left;
		width:90px;
		font-size:.9em;
		border:1px solid #000;
		margin:0 6px 0 0
	}
	#top div ul li form input {
		float:left;
		margin-top:2px
	}
	#top div span {
		display:block;
		float:left;
		width:11px;
		height:26px;
		background:url(img/top_span.png) no-repeat left bottom
	}
	* html #top div span {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/top_span.png',sizingMethod='crop');
		background-image:none
	}
/* --------------------------------------------------------------------------------------------- Middle */
	#middle {
		float:left;
		width:945px;
		background:url(img/middle.png);
		padding:0 12px 0 11px
	}
	* html #middle {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/middle.png',sizingMethod='scale');
		background-image:none
	}
/* ------------------------------------------------------------------------- Header */
	#middle #header {
		position:relative;
		height:73px;
		background:url(img/header.jpg)
	}
/* ----------------------------------------------------- Logo */
	#middle #header #logo {
		position:absolute;
		top:15px;
		left:35px
	}
/* ----------------------------------------------------- Menu */
	#middle #header #menu {
		display:inline;
		float:right;
		font-weight:bold;
		margin:41px 86px 0 0
	}
	#middle #header #menu li {display:inline}
	#middle #header #menu li a {
		display:block;
		display:inline;
		float:left;
		width:179px;
		height:20px;
		text-align:center;
		color:#fff;
		background-image:url(img/menu_a.png);
		background-repeat:no-repeat;
		padding:12px 0 0 0;
		margin:0 4px 0 0;
		cursor:pointer
	}
	* html #middle #header #menu li a {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menu_a.png',sizingMethod='crop');
		background-image:none
	}
	#middle #header #menu li a:hover, #middle #header #menu li a.on {
		color:#333;
		text-decoration:none;
		background-image:url(img/menu_a_on.png);
	}
	#middle #header #menu li a.on {cursor:text}
	* html #middle #header #menu li a:hover, * html #middle #header #menu li a.on {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/menu_a_on.png',sizingMethod='crop');
		background-image:none
	}
/* ------------------------------------------------------------------------- Bordure */
	#middle #bordure {border-top:solid 25px #f0f0f0}
/* ------------------------------------------------------------------------- Main */
	#middle #main {
		float:left;
		width:886px;
		padding:0 36px 20px 23px;
		color:#000080
	}
	#middle #main .tech{
		text-align:justify;
		color:#000080;
		padding-left:25px;
		padding-right:25px;
	}
/* ----------------------------------------------------- Titres */
	h1 {
		clear:both;
		font-size:1.9em;
		font-weight:normal;
		font-style:italic;
		color:#000080;
		padding-bottom:15px
	}
	h2 {
		clear:both;
		font-size:1.6em;
		font-weight:normal;
		color:#000080;
		text-align:center;
		margin-bottom:8px
	}
	h3 {
		clear:both;
		font-size:1.1em;
		margin-bottom:6px
	}
	h4 {
		clear:both;
		font-size:1em;
		margin-bottom:2px
	}
	h5, h6 {
		clear:both;
		font-size:1em
	}
/* ----------------------------------------------------- Liens */
	#middle #main a {color:#000080; text-decoration:underline}
	#middle #main a:hover {color:red; text-decoration:none}
/* ----------------------------------------------------- Left */
	#middle #main #left {float:left}
/* --------------------------------- Degrade bleu clair */
	#middle #main #left #degrade_bleuC {
		float:left;
		width:554px;
		background:url(img/degrade_bleuC.gif) repeat-x left bottom;
		padding:0 10px 2px 11px
	}
	#middle #main #left #degrade_bleuC #home #home_texte .bio {
		padding-left: 25px;
		padding-right: 25px;
	}
	#middle #main #left #home_texte .bio {
		padding-left: 15px;
		padding-right: 15px;
	}
/* --------------------------------- Arrondi bleu clair bottom */
	#middle #main #left #arrondi_bleuC_bottom {
		float:left;
		width:100%;
		height:5px;
		background:url(img/arrondi_bleuC_bottom.gif) no-repeat;
		font-size:0
	}
	#middle #main #left #photo {
		text-align:center;
	}
/* ----------------------------------------------------- Right */
	#middle #main #right {float:left}
/* ----------------------------------------------------- Texte */
	#home_texte {color:#000080; text-align:justify;}
/* ------------------------------------------------------------------------- Haut de page */
	#middle #main #contenu div.haut_page {
		float:left;
		width:100%;
		text-align:right;
		font-size:.9em
	}
/* ------------------------------------------------------------------------- Footer */
	#middle #footer {
		float:left;
		width:100%;
		text-align:center;
		font-size:.9em;
		font-style:italic;
		color:#fff;
		background:#0468a5 url(img/footer.gif) no-repeat left bottom;
		padding:9px 0 11px 0
	}
	#middle #footer li {display:inline}
	#middle #footer li a {color:#fff}
/* --------------------------------------------------------------------------------------------- Bottom */
	#bottom {
		clear:both;
		height:11px;
		font-size:0;
		background:url(img/bottom.png)
	}
	* html #bottom {
		filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/bottom.png',sizingMethod='crop');
		background-image:none
	}

	.parten{
		color:#000080;
		text-align:center;
		width:100%;
		text-decoration:none;
		font-size:.9em;
	}