* html div#conteneurnav div#navigation ul {
	width:227px;
	margin:0px 0px 0px 0px;
}

* html div#conteneurnav div#navigation ul li a.navmenu, 
* html div#conteneurnav div#navigation ul li a.navmenuselected{
	padding:7px 0px 7px 28px;
	height:18px;
	margin:0;
	background:url(../navigation-puce.jpg) no-repeat 10px 11px;
}

* html div#content {
	width:933px;
	padding-top:259px;
}

* html div#extras {
	margin-left:33px;
}

* html div#langues {
	padding:0px 0px 0px 165px;
}




/* - - - - - - - - - - - - - - - - - - - - général - - - - - - - - - - - - */	
	body, html {
		width:100%;
		height:100%;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding:0;
		margin:0;
		font-size:12px;
		background:#E6EAF3;
	}
	.clear {
		clear:both;
	}
	
	/*td {border: 1px dotted gray}
	div {border: 1px solid orange}
	img, form {border: 1px dashed blue}
	h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}
	ul {border: 1px solid green}
	li {border: 1px solid lightgreen}*/
	
	/* - - - - - - - - - - - - - - - - - - - - conteneur - - - - - - - - - - - - */	
	div#allpage{
		width:943px;
		margin:5px auto 0px auto;
		padding:0;
		border-left:1px solid #d3d4d5;
		border-top:1px solid #d3d4d5;
		position:relative;
		background:#fff url(../images/content-bg.jpg) repeat-y right top;
	}
	
	/* - - - - - - - - - - - - - - - - - - - - header - - - - - - - - - - - - */	
	div#header{
		width:943px;
		height:257px;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	div#header p{
		padding:0;
		margin:0;
	}
	div#header ul {
		padding:0;
		margin:0;
	}
	div#header ul li {
		padding:0;
		margin:0;
		list-style:none;
	}
	div#conteneurnav {
		position:relative;
		width:227px;
		height:231px;
		float:left;
	}
			div#conteneurnav div#logo {
				background:url(../images/logo.gif) no-repeat 0 0;
				width:227px;
				height:75px;
				position:relative;
			}
			* html navigation {
				height:73px;
			}
			
			/* - - - - - - - - - - - - - - - - - - - - menu navigation - - - - - - - - - - - - */	
			div#conteneurnav div#navigation {
				width:227px;
				background:url(../images/navigation-bg.jpg) no-repeat top left;
				position:relative;
				height:156px;
			}
			
			div#conteneurnav div#navigation ul li a.navmenu,
			div#conteneurnav div#navigation ul li a.navmenufirst{
				color:#a71a35;
				text-decoration:none;
				display:block;
				margin:0;
				padding:7px 0px 7px 28px;
				background:url(../images/navigation-puce.jpg) no-repeat 10px 12px;
				font-size:14px;
			}
			div#conteneurnav div#navigation ul li a.navmenu:hover{
				color:#000;
			}
			div#conteneurnav div#navigation ul li a.navmenuselectedfirst,
			div#conteneurnav div#navigation ul li a.navmenuselected{
				color:#000;
				text-decoration:none;
				display:block;
				margin:0;
				padding:7px 0px 7px 28px;
				background:url(../images/navigation-puce.jpg) no-repeat 10px 12px;
				font-size:14px;
			}
					
	div#conteneurutils {
		    background:url(../images/header-haut.jpg) no-repeat 0 0;
			width:716px;
			position:relative;
			float:left;
			padding:0px 0px 0px 0px;
			font-size:10px;
	}
	
	/* - - - - - - - - - - - - - - - - - - - - menu utilitaire - - - - - - - - - - - - */	
		div#conteneurutils div#menuutilitaire {
			float:left;
			color:#59595b;	
		}
			div#conteneurutils div#menuutilitaire ul{
				margin:15px 0px 0px 70px;
			}
			div#conteneurutils div#menuutilitaire ul li {
				float:left;
			}
			div#conteneurutils div#menuutilitaire ul li a.menuutils{
				margin:0px 0px 0px 0px;
				padding:0px 10px 0px 20px;
				background:url(../images/conteneurutils-puce.jpg) no-repeat left 5px;
				color:#59595b;
				text-decoration:none;
			}
			div#conteneurutils div#menuutilitaire ul li a.menuutils:hover {
				color:#a71a35;
			}
			div#conteneurutils div#menuutilitaire ul li a.menuutilsselected {
				height:28px;
				margin:0px 0px 0px 0px;
				padding:0px 10px 0px 20px;
				background:url(../images/conteneurutils-puce.jpg) no-repeat left 5px;
				color:#a71a35;
				text-decoration:none;
			}
			div#conteneurutils div#menuutilitaire ul li a.menuutilsselectedfirst {
				height:28px;
				margin:0px 0px 0px 0px;
				padding:0px 10px 0px 0px;
				color:#a71a35;
				text-decoration:none;
			}
			div#conteneurutils div#menuutilitaire ul li a.menuutilsfirst {
				margin:0px 0px 0px 0px;
				padding:0px 10px 0px 0px;
				color:#59595b;
				text-decoration:none;
			}
		/* - - - - - - - - - - - - - - - - - - - - menu langues - - - - - - - - - - - - */		
		div#conteneurutils div#langues {
			float:right;
		}	
		div#conteneurutils div#langues ul {
			margin:15px 15px 0px 0px;
			height:28px;
		}
		div#conteneurutils div#langues ul li {
			float:left;
		}	
		div#conteneurutils div#langues ul.menulangues li a.menulanguesfirst{
			display:block;
			margin:0px 0px 0px 0px;
			padding:0px 10px 0px 10px;
			color: #59595b;
			text-decoration:none;
		}	
		div#conteneurutils div#langues ul.menulangues li a.menulanguesfirstselected{
			display:block;
			margin:0px 0px 0px 0px;
			padding:0px 10px 0px 10px;
			color: #a71a35;
			text-decoration:none;
		}	
		div#conteneurutils div#langues ul.menulangues li a.menulangues{
			display:block;
			margin:0px 0px 0px 0px;
			padding:0px 10px 0px 15px;
			background:url(../images/conteneurutils-puce.jpg) no-repeat left 5px;
			color: #59595b;
			text-decoration:none;
		}
		div#conteneurutils div#langues ul.menulangues li a.menulangues:hover {
			color:#a71a35;
		}
		div#conteneurutils div#langues ul.menulangues li a.menulanguesselected{
			display:block;
			margin:0px 0px 0px 0px;
			padding:0px 10px 0px 15px;
			background:url(../images/conteneurutils-puce.jpg) no-repeat left 5px;
			color:#a71a35;
			text-decoration:none;
			font-weight:bold;
		}
		
		/* - - - - - - - - - - - - - - - - - - - - masque image - - - - - - - - - - - - */	
		div#reflet, div#photo, div#forme {
			position:absolute;
			top:43px;
			left:0px;
		}
		
		div#photo {
			width:716px;
			height:188px;
			z-index: 10;
		}
		
		div#forme {
			background: url(../images/header-masque-reflet.png) no-repeat left top;
			width:716px;
			height:188px;
			z-index: 20;
		}
		
		div#reflet {
			background: url(../images/header-masque-forme.png) no-repeat left top;
			width:716px;
			height:188px;
			z-index: 30;
		}
		
	/* - - - - - - - - - - - - - - - - - - - - sous-menu - - - - - - - - - - - - */		
	div#sousmenu {
		width:700px;
	}
			div#sousmenu ul {
				padding:7px 10px 0px 0px;	
			}
			div#sousmenu li {
				float:left;
			}
			div#sousmenu li a.menu {
				display:block;
				color:#a71a35;
				text-decoration:none;
				background:url(../images/sousmenu-puce.jpg) no-repeat 0px 7px;
				padding:0px 10px 0px 15px;
			}
			div#sousmenu li a.menufirst{
				display:block;
				text-decoration:none;
				border-bottom:3px none transparent !important;
				padding:0px 10px 0px 10px;
			}
			div#sousmenu li a.menufirst span{
				color:#a71a35;
			}
			div#sousmenu li a.menufirst:hover{
				border-bottom:3px solid #a71a35 !important;
			}
			div#sousmenu li a.menufirst:hover span{
				color:#58585a;
			}
			div#sousmenu li a.menuselectedfirst {
				display:block;
				color:#a71a35;
				text-decoration:none;
				border-bottom:3px solid #a71a35;
				padding:0px 10px 0px 10px;
				margin: 0px 0px 0px 0px;
			}
			div#sousmenu li a.menu:hover,
			div#sousmenu li a.menuselected {
				display:block;
				color:#58585a;
				text-decoration:none;
				border-bottom:3px solid #a71a35;
				background:url(../images/sousmenu-puce.jpg) no-repeat 0px 7px;
				padding:0px 10px 0px 15px;
			}
		div.ssmenu {
		}
		div.ssmenu .amorce_sousmenu {
			display: block;
			float:left;
			color: #a7a7ac;
			padding: 7px 15px 0px 10px;
			background:transparent url(../images/dubble_arrow.gif) no-repeat right 11px;
		}
		div.ssmenu .span_sousmenu {
			float:left;
			padding: 0px 0px 0px 0px;
		}
	/* - - - - - - - - - - - - - - - - - - - - content - - - - - - - - - - - - */		
	div#content {
		padding:257px 0px 0px 10px;
		background:url(../images/content-footer.jpg) no-repeat bottom left;
		text-align:left;
		width:943px;
		margin:0;
		position:relative;
	}
			div#path {
				color:#c5c7c8;
				width:688px;
				border-top:1px solid #c5c7c8;
				border-bottom:1px solid #c5c7c8;
				padding:3px 0px 3px 15px;
				font-size:11px;
			}
			
			div#path a {
				color:#c5c7c8;
				font-weight:bold;
			}
			div#imagegauche {
				float:left;
				width:220px;
				margin:10px 30px 0px 0px;
				background:#91d5f2;
			}
			
			div#imagegauchevide {
				float:left;
				width:220px;
				height:343px;
				margin:10px 30px 0px 0px;
				background:#fff;
			}
			
			div#imagegauche div#legende {
				padding:10px;
				margin:0;
				color:#fff;
			}
			
			div#imagegauche div#legende p {
				color:#fff;
			}
			div#texte {
				float:left;
				margin:10px 0px 0px 0px;
				padding:0px 0px 30px 0px;
				width:440px;
				color:#58585a;
				font-size:12px;
			}
					div#texte h1 {
						color:#a71a35;
						padding:5px 0px 5px 30px;
						margin:0;
						background:url(../images/texte-h1-puce.jpg) no-repeat 0 7px;
						font-size:14px;
					}
					div#texte p {
						padding:0;
						margin:0;
					}
					
					table.fiche_publication td {
						vertical-align: top;
					}
					table.fiche_publication img.preview_publication {
						margin: 0px 10px 0px 0px
					}
					p.file_publication {
						font-weight: bold;
						margin-bottom: 10px !important;
					}
					li.list_publications {
						margin: 0px 0px 10px 0px
					}
					li.list_news {
						margin: 0px 0px 10px 0px
					}
					
	/* - - - - - - - - - - - - - - - - - - - - extras - - - - - - - - - - - - */	
	div#extras {
		float:left;
		padding:0;
		margin:-22px 0px 0px 35px;
		width:210px;
	}
			/* - - - - - - - - - - - - - - - - - - - - recherche - - - - - - - - - - - - */
			div#extras div#recherche {
				margin:0px 0px 20px 0px;
			}
			div#extras div#recherche input.bouton {
			}
			div#extras div#recherche a.boutonrecherche {
				display:block;
				padding:0px 10px 0px 0px;
				background:url(../images/extras-recherche-bouton.jpg) no-repeat right 5px;
				color:#59595b;
				text-decoration:none;
				font-weight:bold;
				margin:0px 0px 0px 5px;
			}
			
			/* - - - - - - - - - - - - - - - - - - - - contacts - - - - - - - - - - - - */
			div#extras div#contacts {
				background:#fff url(../images/extras-contacts-bg.jpg) repeat-x top left;
				border:1px solid #98a7ac;
				padding:0px 0px 10px 10px;
				font-size:10px;
			}
					div#extras div#contacts p.titre {
						color:#fff;
						font-size:14px;
						padding:15px 0px 20px 0px;
					}
			
			/* - - - - - - - - - - - - - - - - - - - - news - - - - - - - - - - - - */
			div#extras div#news{
				background:#c7d9de;
				border:1px solid #98a7ac;
				margin:8px 0px 0px 0px;
				padding:0px 0px 10px 0px;
			}
					div#extras div#news p.titre {
						font-size:14px;
						color:#0675a5;
						background:#fff;
						padding:5px 0px 5px 10px;
					}
					div#extras div#news p.titre a {
						color:#0675a5;
					}
					div#extras div#news div#lesnews div.unenews div.datenews a {
						color:#a71a35;
						padding:18px 0px 0px 10px;
						text-decoration:none;
						display:block;
					}
					div#extras div#news div#lesnews div.unenews div.description {
						display:block;
						padding:0px 0px 0px 10px;
						font-size:12px;
						color:#58585A;
						text-decoration:none;
					}
					
					div#extras div#news div#lesnews div.unenews div.description p {
						color:#58585A;
						padding:0;
						margin:0;
					}
					
					div#extras div#news div#lesnews div.unenews div.datenews a:hover, div#extras div#news div#lesnews div.unenews div.description a:hover {
						text-decoration:underline;
					}
					
			/* - - - - - - - - - - - - - - - - - - - - publications - - - - - - - - - - - - */		
			div#extras div#publications{
				background:#fff;
				border:1px solid #98a7ac;
				margin:8px 0px 0px 0px;
				padding:0px 0px 10px 0px;
				font-size:11px;
			}
					div#extras div#publications p.titre {
						background:#fff url(../images/extras-publications-bg.jpg) repeat-x 0 0;
						font-size:13px;
						color:#a71a35;
						padding:5px 0px 10px 10px;
					}
					div#extras div#publications p.titre a{
						color:#a71a35;
					}
					div#extras div#publications ul li {
						margin:0px 10px 0px 10px;
					}
					div#extras div#publications ul li a {
						padding:0px 0px 0px 15px;
						background:url(../images/extras-publications-puce.jpg) no-repeat 0 5px;
						color:#707173;
						text-decoration:none;
					}
					
					div#extras div#publications ul li a:hover {
						text-decoration:underline;	
					}
					.fiche_publication label {
					
						color: #c7d9de;
					
					}
					
	/* - - - - - - - - - - - - - - - - - - - - footer - - - - - - - - - - - - */				
	div#footer {
		background:#a71a35;
		color:#fff;
		border-top:10px solid #E6EAF3;
		margin:0px auto 0px auto;
		padding:3px 10px 3px 10px;
		width:924px;
		font-size:9px;
	}
	
	div#footer span.copystyle {
		padding:5px 6px 0px 0px;
		float:left;
	}
	
		div#footer div#copyright ul {
			float:left;
	}
	
		div#footer div#copyright ul li {
		float:left;
		padding:0px 6px 0px 6px;
	}
	
	div#footer div#copyright {
		float:left;
	}
	
	div#footer div#copyright ul{
		padding:0px 6px 0px 6px;
	}
	
	div#footer div#copyright ul li{
		padding:0px 6px 0px 6px;
	}
	
	div#footer div#signature {
		float:right;
	}
	
	div#footer a {
		color:#fff;
		text-decoration:none;
	}

/* –––––––––––––––––––– Sitemap ––––––––––––––––––– */

ul li {
	list-style: none;
}
.sitemap1 span {font-size: 14px; color: #ab1833;}

.sitemap2 span {font-size: 12px; color: #5b5b5b;}

.sitemap3 span {font-size: 12px; color: #84b0ba;}

.sitemap4 span {font-size: 10px; color: #bbcbce;}

/* ———————————————FORM ––––––––––––––– */				


form#contact table {
	width: 400px;
}
	form#contact table td{
		padding: 0px 0px 5px 0px
	}
		form#contact table td.label{
			width: 100px;
		}
		form#contact label {
			white-space: nowrap;
			color: #6b90a5;
		}				
		
		form#contact label.need {
			white-space: nowrap;
			color: #ac1733;
		}
		form#contact label span.error {
			white-space: nowrap;
			color: #ac1733;
		}				
		
		form#contact input.text,
		form#contact select.select,
		form#contact textarea.textarea {
			border: 1px #708395 solid;
			background-color: #dae3e5;
			color: #708395;
			width: 400px;
		}	
		form#contact textarea{
			width: 400px;
			height: 150px;
		}
		form#contact input.hidden {
		}	
		form#contact input.checkbox {
		}
		form#contact input.radio {
		}

		#captcha {
			position:absolute;
			top:-600px;
			left:-600px;
			border: 0px none transparent;
			padding: 0px;
			margin: 0px;
			width: 0px;
			height: 0px;
		}
	
		
		form#contact table textarea.textareaneed,
		form#contact table select.selectneed,
		form#contact table input.emailneed ,
		form#contact table input.textneed {
			border: 1px #ac1733 solid;
			background-color: #dae3e5;
			color: #ac1733;
			width: 400px;
		}
		
		form#contact table textarea.textareaneederror,
		form#contact table select.selectneederror,
		form#contact table input.emailneederror ,
		form#contact table input.textneederror {
			border: 1px #ac1733 solid;
			background-color: #ac1733;
			color: white;
			width: 400px;
		}
		form#contact table table {
			width: auto;
		}
		
		
		
		
/* Exception IE6 */

			* html div#sousmenu ul {
				padding:6px 10px 0px 10px;	
			}
	* html div#content {
		width:933px;
		padding-top:259px;
	}
		
		* html div#reflet,
		* html div#photo,
		* html div#forme {
			position:absolute;
			top:43px;
			left:0px;
		}
		
		* html div#forme {
			background: url(no-image);
		}
		
		* html div#reflet {
			background: url(../images/header-masque-forme.gif) no-repeat left top;
		}
		
		
* html div#conteneurnav div#navigation ul {
	width:227px;
	margin:0px 0px 0px 0px;
}

* html div#conteneurnav div#navigation ul li a.navmenu,
* html div#conteneurnav div#navigation ul li a.navmenuselected{
	padding:7px 0px 7px 28px;
	height:18px;
	margin:0;
	background:url(../navigation-puce.jpg) no-repeat 10px 11px;
}

* html div#content {
	width:933px;
	padding-top:259px;
}

* html div#extras {
	margin-left:33px;
}

* html div#langues {
	padding:0px 0px 0px 165px;
}