/* Caractéristiques générales communes à toutes les pages hormis accueil ----- */
*{
margin: 0;
padding: 0;
border:0;
}
body{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
color:#636363;
text-align:center;
background:url(../pics/bg-header-fr.jpg) #FFF no-repeat top center;
margin:0px;
}
body.fr{
background:url(../pics/bg-header-fr.jpg) #FFF no-repeat top center;
}
body.de{
background:url(../pics/bg-header-de.jpg) #FFF no-repeat top center;
}
body.en{
background:url(../pics/bg-header-en.jpg) #FFF no-repeat top center;
}
body.it{
background:url(../pics/bg-header-it.jpg) #FFF no-repeat top center;
}
#centrage {
width:960px;
margin:0 auto;
font-size:70%;
display:table;
text-align:left;
position:relative;
}
.bold{
font-weight:bold;
}
.italique{
font-style:italic;
}
.right{
float:right;
}
.left{
float:left;
}
.both{
clear:both;
}
form{
padding:0;
margin:0;
}
a:link, a:visited{
color:#0D7FBC;
font-weight:bold;
text-decoration:none;
}
a:hover, a:active{
color:#0D7FBC;
font-weight:bold;
text-decoration:underline;
}
h1,h2,h3{
font-size:100%;
}
h2.titre_principal{
font-size:20px;
color:#398fbf;
}
td{
vertical-align:top;}
/* En tête --------------------------------------------------------------- */
#header{
position:relative;
width:960px;
height:145px;
padding-top:101px;
}

/*conteneur */
#conteneur{
position:relative;
width:745px;
display:table;
text-align:justify;
margin-top:26px;
}

	/* Header */

	#header a.logo{
	width:235px;
	height:55px;
	top:35px;
	left:70px;
	position:absolute;
	display:block;
	}
	
	#header div.line1{
	width:960px;
	height:43px;
	display:table;

	}
	
	/* Navigation */
	#header #nav{
	width:632px;
	height:43px;
	float:left;
	position:relative;
	z-index:999;
	}
	
		#header #nav ul li{
		list-style:none outside none;
		display:inline;
		margin-right:-4px;
		position:relative;
		text-align:left;
		}
		html>/**/body #header #nav ul ul{
		top:11px;
		}
		#header #nav ul ul{
		width:154px;
		position:absolute;
		left:-4px;
		top:43px;
		display:none;
		background-image:url(../pics/navigation_fr/fd_menu_derou.jpg);
		background-repeat:no-repeat;
		background-position:top left;
		background-color:#4FB9E8;
		border:solid 1px #FFF;
		}
		#header #nav ul li ul li{
		list-style:none outside none;
		display:block;
		border-bottom:solid 1px #80C7E8;
		width:139px;
		padding:2px 5px 2px 10px;
		}
		#header #nav ul li ul li a{
		font-weight:normal;
		color:#FFF;
		}
		#header #nav ul li ul li a.on{
		font-weight:bold;
		background-image:url(../pics/navigation_fr/fleche-blanche.gif);
		background-repeat:no-repeat;
		background-position:0 5px;
		padding-left:10px;
		}
		#header #nav ul.navigation1 li:hover ul.navigation2{
		display:block;
		z-index:200;
		}
		
	/* Recherche */
	#header #search{
	width:227px;
	padding-left:10px;
	background:url(../pics/header-sep-1.gif) no-repeat right top;
	height:43px;
	}
		#header #search div{
		background:url(../pics/header-search-input.gif) no-repeat 0px 9px;
		width:188px;
		height:36px;
		margin:0px;
		padding-left:10px;
		}
		#header #search div input.champs{
		font-size:11px;
		color:#666666;
		width:160px;
		margin:15px 0px 0px 0px;
		float:left;
		background:transparent;
		}
		#header #search div input.bouton{
		float:left;
		margin:14px 0px 0px 8px;
		}
	
	/* Langue */
	#header #langue{
	}
	#header #langue img{
	margin:6px 0px 0px 3px;
	}

	#header div.line2{
	width:960px;
	height:96px;
	margin-top:6px;
	display:block;
	position:relative;
	z-index:333;
	}

	/* Agenda */
	#header #agenda{
	width:348px;
	height:96px;
	display:block;
	
	position:absolute;
	left:0px;
	top:6px;
	}
		#header #agenda h3{
		margin:8px 0px 8px 4px;
		padding:0px;
		}
		#header #agenda ul{
		list-style:none;
		}
		#header #agenda ul li{
		width:150px;
		padding:0px 8px 0px 16px;
		display:block;
		float:left;
		background:url(../pics/puce-agenda.gif) no-repeat 8px 5px;
		}
		#header #agenda ul li a{
		color:#8cae3b;
		font-weight:normal;
		}
	
		
	/* Publicité */
	#header #publicite{
	width:150px;
	height:96px;
	padding-left:7px;
	background:url(../pics/header-sep-2.gif) no-repeat left top;
	
	position:absolute;
	left:348px;
	top:0px;
	}
	#header #publicite img{
	margin:12px 0px 0px 8px;
	}
	
	/* Traducteur */
	#header #traducteur{
	width:174px;
	height:96px;
	padding-left:17px;
	background:url(../pics/header-sep-2.gif) no-repeat left top;
	
	position:absolute;
	left:505px;
	top:0px;
	}
		#header #traducteur img{
		margin:26px 0px 0px 0px;
		}
		#header #traducteur div{
		background:url(../pics/header-trad-input.gif) no-repeat;
		width:147px;
		height:27px;
		margin:10px 0px 0px 0px;
		padding-left:10px;
		}
		#header #traducteur div input.champs{
		font-size:11px;
		color:#666666;
		width:119px;
		margin:6px 0px 0px 0px;
		float:left;
		background:transparent;
		}
		#header #traducteur div input.bouton{
		float:left;
		margin:5px 0px 0px 8px;
		}
	
	/* Accès */
	#header #acces{
	width:248px;
	height:96px;
	padding-left:14px;
	background:url(../pics/header-sep-2.gif) no-repeat left top;
	/*position:relative;*/
	
	position:absolute;
	left:696px;
	top:0px;
	}
		#header #acces a.offresemplois{
		display:block;
		position:absolute;
		top:35px;
		left:40px;
		width:180px;
		height:20px;
		}
		#header #acces div{
		width:240px;
		height:92px;
		background:url(../pics/navigation_fr/bandeau-acces.jpg) no-repeat 0px 3px;
		}
		#header #acces div.fr{
		background:url(../pics/navigation_fr/bandeau-acces.jpg) no-repeat 0px 3px;
		}
		#header #acces div.de{
		background:url(../pics/navigation_de/bandeau-acces.jpg) no-repeat 0px 3px;
		}
		#header #acces div.en{
		background:url(../pics/navigation_en/bandeau-acces.jpg) no-repeat 0px 3px;
		}
		#header #acces div.it{
		background:url(../pics/navigation_it/bandeau-acces.jpg) no-repeat 0px 3px;
		}
		
		
		#header #acces div a{
		float:left;
		margin-top:69px;
		padding-left:7px;
		margin-left:8px;
		background:url(../pics/puce-acces.gif) no-repeat 0px 4px;
		color:#8b409e;
		}
	
	/* bandeau */
	#conteneur #bandeau{
	margin:0px 0px 26px 0px;
	text-align:center;
	}
	
	/* fil d'ariane */
	#conteneur #ariane{
	height:14px;
	width:587px;
	display:table;
	padding:3px 10px;

	}
	
	#conteneur #contenu{
	width:745px;

	}
	
		#conteneur #contenu h2{
		margin-bottom:0px;
		}
		
		#conteneur #contenu #actus{
		
		}
			#conteneur #contenu #actus h2{
			font-size:20px;
			font-weight:bold;
			color:#398fbf;
			margin-bottom:20px;
			}
			#conteneur #contenu #actus a.ensemble{
			color:#666666;
			height:10px;
			padding:8px 40px 8px 0px;
			display:block;
			background:url(../pics/actus-dossiers.gif) no-repeat right;
			float:left;
			margin-left:20px;
			}
			#conteneur #contenu #actus a.ensemble span{
			color:#2d9ace;
			}
			#conteneur #contenu #actus .par{
			font-size:11px;
			color:#808080;
			float:left;
			width:360px;
			display:table;
			}
			#conteneur #contenu #actus .par.marge{
			margin-left:20px;
			}
			#conteneur #contenu #actus .par h3{
			font-size:14px;
			color:#0a75b2;
			}
			#conteneur #contenu #actus .par h3 span{
			font-size:12px;
			}
			#conteneur #contenu #actus .par .visuel{
			float:left;
			margin:0 10px 10px 0;
			padding:3px;
			background-image:url(../pics/actus-image-bg.gif);
			}
			#conteneur #contenu #actus .par a.plus{
			float:right;
			background-image:url(../pics/fleche.gif);
			background-repeat:no-repeat;
			background-position:0 5px;
			padding-left:10px;
			margin-top:3px;
			}
			#conteneur #contenu #actus .both{
			width:745px;
			height:20px;
			clear:both;
			display:block;
			}
			
			/* Pagination */
			
			#conteneur #contenu #pagination{
			width:100%;
			height:15px;
			display:table;
			margin:15px 0;
			color:#0D7FBC;
			}
			#conteneur #contenu #pagination .centre{
			float:left;
			text-align:center;
			width:455px;
			height:15px;
			display:table;
			}
				#conteneur #contenu #pagination .centre a{
				font-weight:normal;
				}
				#conteneur #contenu #pagination .centre a.on{
				font-weight:bold;
				}
				
			#conteneur #contenu #pagination .zdroite{
			float:left;
			text-align:right;
			width:125px;
			height:15px;
			padding-right:10px;
			}	
				#conteneur #contenu #pagination .zdroite a{
				font-weight:normal;
				background-image:url(../pics/fleche-vers-droite.gif);
				background-repeat:no-repeat;
				background-position:0 5px;
				padding-left:7px
				}
				
			#conteneur #contenu #pagination .zgauche{
			float:left;
			text-align:left;
			width:125px;
			height:15px;
			padding-left:10px;
			}
				#conteneur #contenu #pagination .zgauche a{
				font-weight:normal;
				background-image:url(../pics/fleche-vers-gauche.gif);
				background-repeat:no-repeat;
				background-position:right 5px;
				padding-right:7px
				}
			
/* annexes */
#annexes{
position:relative;
width:187px;
margin-top:50px;
display:table;
}
#annexes div.sep{
width:100%;
height:4px;
background:#e2e2e2;
display:block;
}

/* Pied de Page --------------------------------------------------------------- */
#footer{
clear:both;
width:100%;
height:312px;
display:table;
background:url(../pics/bg-footer.jpg) #FFF top center;
color:#FFF;
text-align:left;
}
#footer .content{
width:960px;
margin:10px auto;
position:relative;
}

#footer .content div#inscription_annuaire{
width:620px;
margin:10px 0px 0px 24px;
float:left;
}
#footer .content div#inscription_annuaire h2{
padding-bottom:3px;
margin-bottom:6px;
background:url(../pics/footer-line-titre.gif) no-repeat bottom;
}
#footer .content div#inscription_annuaire h2 a{
color:#fff;
}
#footer .content div#inscription_annuaire .ins{
font-size:11px;
color:#808080;
float:left;
width:290px;
display:table;
margin-bottom:5px;
padding-left:10px;
background:url(../pics/puce-annuaire.gif) no-repeat 0px 6px;
}
#footer .content div#inscription_annuaire .ins.marge{
margin-left:20px;
}
#footer .content div#inscription_annuaire .ins a{
font-size:12px;
color:#fefefe;
font-weight:bold;
}
#footer .content div#inscription_annuaire .ins p{
font-size:12px;
color:#fefefe;
font-style:italic;
padding-left:12px;
}

#footer .content div#inscription_newsletter{
width:247px;
height:157px;
margin:10px 24px 24px 45px;
float:left;
background:url(../pics/bg-newsletter.jpg) no-repeat top left;
text-align:center;
position:absolute;
right:0px;
}
#footer .content div#inscription_newsletter h2{
margin:12px 0px;
}
#footer .content div#inscription_newsletter h2 a{
color:#fff;
}
#footer .content div#inscription_newsletter span{
font-size:10px;
margin:12px 0px;
padding-right:4px;
display:block;
text-align:right;
}
#footer .content div#inscription_newsletter div{
background:url(../pics/bg-newsletter-input.gif) no-repeat;
width:216px;
height:27px;
margin:10px 16px 0px 14px;
display:block;
position:relative;
}
#footer .content div#inscription_newsletter div input.champs{
font-size:11px;
color:#666666;
width:168px;
margin:6px 0px 0px 6px;
float:left;
background:transparent;
}
#footer .content div#inscription_newsletter div input.bouton{
position:absolute;
right:4px;
top:4px;
}

#footer .line{
width:960px;
display:table;
position:absolute;
top:170px;
left:0px;
}
#footer .line a{
font-weight:normal;
color:#FFF;
}
#footer .line-left{
width:350px;
float:left;
font-size:10px;
text-align:left;
padding-left:10px;
}
#footer .line-right{
width:350px;
float:right;
font-size:10px;
text-align:right;
padding-right:10px;
}
#footer .line-middle{
text-align:center;
font-size:10px;
}
#footer .line-right ul li{
list-style:none outside none;
display:inline;
}