/* 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:#4d4d4d;
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:43px;
padding-top:101px;
z-index:999;
}

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

	/* 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:631px;
	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;
		float:left;
		}
		
		#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;*/
		background:#00ACFD;
		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;
	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 4px 0px 3px;
	}

	#header div.line2{
	width:960px;
	height:96px;
	margin-top:6px;
	display:block;
	position:relative;
	z-index:333;
	}
		
	/* 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;
	}
	
	/* 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:755px;

	}
	
		#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:370px;
			display:table;
			}
			#conteneur #contenu #actus .par.marge{
			margin-left:0px;
			}
			
			#conteneur #contenu #actus .par h3 {
			font-size:14px;
			font-weight:bold;
			color:#ce0e0e;
			text-align:left;
			display:block;
			padding:4px 0 8px 0;
			}
			#conteneur #contenu #actus .par .actualite {
			display:table;
			padding:0 8px 4px 12px;
			}
			#conteneur #contenu #actus .par .actualite .image {
			display:table;
			float:left;
			margin:0 4px 0 8px;
			}
			#conteneur #contenu #actus .par .actualite .texte {
			display:table;
			padding:0 0 0 8px;
			color:#4d4d4d;
			background:url(../pics/fleche-rouge.gif) no-repeat 0px 6px;
			}
			#conteneur #contenu #actus .par .actualite .texte .date {
			display:table;
			float:left;
			padding:1px 2px;
			margin:0 2px 0 0;
			font-size:12px;
			font-weight:bold;
			color:#fff;
			background:#ce0e0e;
			}
			#conteneur #contenu #actus .par .actualite .texte .titre {
			font-size:12px;
			font-weight:bold;
			line-height:16px;
			}
			#conteneur #contenu #actus .par .actualite .texte p {
			display:inline;
			line-height:16px;
			}
			#conteneur #contenu #actus .par .actualite .texte a {
			font-size:10px;
			font-weight:bold;
			font-style:italic;
			color:#ce0e0e;
			}
			
			/*#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:12px;
			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
				}
				
		/* annuaire */
		
		#annuaire {
		width:240px;
		height:643px;
		float:right;
		background:url(../pics/right-bg-annuaire.jpg);
		}
		#annuaire .titre {
		width:240px;
		height:38px;
		display:block;
		}
		#annuaire .titre h4 {
		width:240px;
		height:30px;
		padding:8px 0 0 0;
		display:block;
		text-align:center;
		font-size:12px;
		color:#fff;
		}
		#annuaire .titre h4 span {

		}
		#annuaire .liste {
		width:240px;
		height:481px;
		display:block;
		text-align:left;
		}
		#annuaire .liste ul {
		list-style:none;
		padding:0;
		}
		#annuaire .liste ul li {
		font-size:12px;
		background:url(../pics/annuaire-border-liste.gif) repeat-x top;
		}
		#annuaire .liste ul li.first {
		background:none;
		}
		#annuaire .liste ul li span {
		font-size:10px;
		color:#8cae3b;
		}
		#annuaire .liste ul li.active span {
		color:#6b6b6b;
		}
		#annuaire .liste ul li a{
		display:block;
		padding:6px 16px;
		color:#6b6b6b;
		background:url(../pics/fleche-verte.gif) no-repeat 6px 10px;
		}
		#annuaire .liste ul li.active a{
		color:#8cae3b;
		}
		#annuaire .liste ul li ul {
		display:none;
		}
		#annuaire .liste ul li ul li {
		font-size:11px;
		}
		#annuaire .liste ul li ul li a{
		display:block;
		padding:6px 32px;
		color:#8cae3b;
		background:url(../pics/fleche-verte.gif) no-repeat 22px 10px;
		}
		#annuaire .liste ul li ul li ul li {
		font-size:11px;
		}
		#annuaire .liste ul li ul li ul li a{
		padding:6px 48px;
		background:url(../pics/fleche-verte.gif) no-repeat 38px 10px;
		}

		#annuaire .recherche {
		width:240px;
		height:124px;
		display:block;
		}
		#annuaire .recherche h4 {
		font-size:12px;
		color:#669900;
		text-align:center;
		display:block;
		height:21px;
		padding:12px 0 0 0;
		}
		#annuaire .recherche .input {
		display:block;
		height:20px;
		margin:4px 0 0 24px;
		}
		#annuaire .recherche .input input {
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#669900;
		width:190px;
		height:18px;
		border:none;
		background:transparent;
		}
		#annuaire .recherche .select {
		display:block;
		height:23px;
		margin:13px 0 0 24px;
		}
		#annuaire .recherche .select select {
		font-family:Verdana,Arial,Helvetica,sans-serif;
		font-size:12px;
		font-weight:bold;
		color:#669900;
		width:190px;
		height:20px;
		background:transparent;
		}
		#annuaire .recherche div.submit {
		text-align:center;
		margin:7px 0 0 0;
		}
		
		#conteneur #contenu #actualites {
		width:500px;
		background:#eee url(../pics/actualite-background.gif) no-repeat top;
		}	
		#conteneur #contenu #actualites .sep {
		display:block;
		width:500px;
		height:1px;
		margin:12px 0;
		background:url(../pics/actualite-border.gif) repeat-x bottom;
		}
		#conteneur #contenu #actualites a.all {
		font-family:helvetica, arial, sans-serif;
		font-size:12px;
		color:#ce0e0e;
		text-transform:uppercase;
		float:right;
		padding:4px 24px 0 0;
		margin:12px 4px 0 0;
		background:url(../pics/titre-ensemble-actualites.gif) no-repeat right;
		}
		#conteneur #contenu #actualites a.all span {
		color:#666666;
		text-transform:none;
		}
		#conteneur #contenu #actualites h2 {
		font-family:helvetica, arial, sans-serif;
		font-size:18px;
		color:#ce0e0e;
		padding:12px 0 0 4px;
		}
		#conteneur #contenu #actualites h2 span {
		color:#666666;
		}
		#conteneur #contenu #actualites .liste {
		display:table;
		padding:0 2px 0 36px;
		}
		#conteneur #contenu #actualites .liste.theme1 {
		background:url(../pics/theme1.gif) no-repeat 4px 0px;
		}
		#conteneur #contenu #actualites .liste.theme2 {
		background:url(../pics/theme2.gif) no-repeat 4px 0px;
		}
		#conteneur #contenu #actualites .liste.theme3 {
		background:url(../pics/theme3.gif) no-repeat 4px 0px;
		}
		#conteneur #contenu #actualites .liste a.all-theme {
		float:right;
		padding:6px 0 0 0;
		font-size:10px;
		font-weight:bold;
		color:#ce0e0e;
		}
		#conteneur #contenu #actualites .liste h3 {
		font-size:14px;
		font-weight:bold;
		color:#ce0e0e;
		text-align:left;
		display:block;
		padding:4px 0 8px 0;
		}
		#conteneur #contenu #actualites .liste .actualite {
		display:table;
		padding:0 8px 4px 12px;
		}
		#conteneur #contenu #actualites .liste .actualite .image {
		display:table;
		float:left;
		margin:0 4px 0 8px;
		}
		#conteneur #contenu #actualites .liste .actualite .texte {
		display:table;
		padding:0 0 0 8px;
		color:#4d4d4d;
		background:url(../pics/fleche-rouge.gif) no-repeat 0px 6px;
		}
		#conteneur #contenu #actualites .liste .actualite .texte .date {
		display:table;
		float:left;
		padding:1px 2px;
		margin:0 2px 0 0;
		font-size:12px;
		font-weight:bold;
		color:#fff;
		background:#ce0e0e;
		}
		#conteneur #contenu #actualites .liste .actualite .texte .titre {
		font-size:12px;
		font-weight:bold;
		line-height:16px;
		}
		#conteneur #contenu #actualites .liste .actualite .texte p {
		display:inline;
		line-height:16px;
		}
		#conteneur #contenu #actualites .liste .actualite .texte a {
		font-size:10px;
		font-weight:bold;
		font-style:italic;
		color:#ce0e0e;
		}
		
		

/* annexes */
#annexes{
position:relative;
width:187px;
margin-top:20px;
display:table;
}
#annexes div.sep{
width:100%;
height:4px;
background:#e2e2e2;
display:block;
}

#annexes div.agenda{
width:187px;
padding:0 0 8px 0;
background:#e0e0e0 url(../pics/right-bg-agenda.gif) no-repeat top;
}
#annexes div.agenda h4 {
font-family:helvetica, arial, sans-serif;
font-size:12px;
color:#8cae3b;
text-transform:uppercase;
padding:8px;
}
#annexes div.agenda ul {
list-style:none;
}
#annexes div.agenda ul li {
padding:2px 4px 2px 16px;
background:url(../pics/fleche-noir.gif) no-repeat 8px 4px;
}
#annexes div.agenda ul li a {
font-size:11px;
font-weight:normal;
color:#8cae3b;
}
#annexes div.agenda ul li span {
font-size:10px;
font-weight:bold;
font-style:italic;
color:#666666;
display:block;
}

#annexes div.traducteur{
position:relative;
width:187px;
height:75px;
margin:0 0 20px 0;
overflow:hidden;
background:#e0e0e0 url(../pics/right-bg-traducteur.gif) no-repeat top;
}
#annexes div.traducteur h4 {
font-family:helvetica, arial, sans-serif;
font-size:12px;
color:#085b89;
text-transform:uppercase;
padding:16px 0 0 0;
text-align:center;
}
#annexes div.traducteur input.text {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color:#666;
position:absolute;
top:42px;
left:20px;
width:124px;
background:transparent;
}
#annexes div.traducteur input.envoyer {
position:absolute;
top:41px;
right:21px;
}

/* 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;
}