/* débuggage */
	/*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}*/



	/*---------------- général ------------------- */
	body, html {
		width:100%; 
		height:100%;
		font-family:Arial, Helvetica, sans-serif;
		font-size:12px;
		color:#7e8ab6;
		padding:0;
		margin:0;
		background:url(../images/background.jpg) repeat-x 0px 52px;
	}

	.clear {
		clear:both;
	}
	
	body a {
		color:#003d7f;
	}
	
	h1 {
		color:#eb690b;
		padding:10px 0px 5px 0px;
		margin:0;
	}
	/*---------------- conteneur global ------------------- */
	div#conteneur {
		width:900px;
		margin:0 auto;
		position:relative;
	}
	
	
	
	/* navigation secondaire + taille texte */
	
	#menuSecondaire {
		position:absolute;
		top:30px;
		right:0;
	}
	
	#menuSecondaire a {
		text-decoration:none;
		text-transform:uppercase;
	}
	
	#menuSecondaire a.current {
		color:#f36f21;
	}
	
	#menuSecondaire a:hover {
		color:#f36f21;
	}
	
	#menuSecondaire a.a1 {
		font-size:10px;
	}
	
	#menuSecondaire a.a2 {
		font-size:12px;
	}
	
	#menuSecondaire a.a3 {
		font-size:14px;
	}
	
	/*---------------- colonne gauche ------------------- */
	div#colonne_gauche {
		width:200px;
		float:left;
		background:url(../images/colonne-gauche-bg.jpg) repeat-y 0 0;
	}
	
		div#logo {
			background:url(../images/logo.jpg) no-repeat 0 0;
			padding:13px 0px 49px 25px;
		}
		div#news {
			color:#fff;
		}
		
			div#news p.titre {
				text-transform:uppercase;
				color:#fff;
				text-align:center;
				margin:0;
				padding:2px 0px 0px 0px;
				height:38px;
				background:url(../images/colonne-gauche-titre.jpg) no-repeat 0 0; 
				font-weight:bold;
			}
			
			div#lesnews {
				padding:10px 15px 0px 15px;
			}
			
			div#lesnews p{
				padding:0;
				margin:0;
				text-align:justify;
			}
			
			div#lesnews p.titreNews {
				padding:0px 0px 4px 0px;
			}
			
			div#lesnews p.ensavoirplus, div#lesnews p.ensavoirplus a{
				color:#fff;
				text-decoration:none;
			}
			
			div#lesnews p.ensavoirplus {
				padding:10px 0px 15px 0px;
				margin:0px 0px 15px 0px;
				border-bottom:1px solid #fff;
				text-align:right;
			}
			
			div#lesnews p.last {
				border:none;
				margin:0;
				padding-bottom:5px;
			}
			
			div#footer_gauche{
				background:url(../images/colonne-gauche-footer.jpg) no-repeat 0 0;
				width:200px;
				height:3px;
			}
	
	/*---------------- colonne centre ------------------- */
	div#colonne_centre {
		width:532px;
		position:absolute;
		left:180px;
		background:url(../images/colonne-centre-bg.jpg) repeat-y 17px;
		margin:52px 0px 0px 0px;
		text-align:justify;
		color:#03215F;
	}
	
	div#colonne_centre img {
		float:right;
		padding:10px;
	}
	div#contenu{
	}
	
	div#background {
		background:url(../images/colonne-centre-header.jpg) no-repeat 17px 0px;
		padding:0;
		margin:0;
		height:105px;
	}
	




/* ----------- menu de navigation -------------- */

div#menu {
		width:500px;
		margin:0;
		position:absolute;
		left:-30px;
		top:83px;
}

div#menu ul {
		padding:0;
		margin:0;
}


div#menu ul li {position:relative; list-style: none;}
div#menu ul ul {position: absolute; left: 120px; display:none}


/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */ 
div#menu li a {text-decoration: none; padding: 4px 0 4px 0px; display:block; border-left: 0px solid #BBB;}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, 
div#menu ul.niveau2 li.sousmenu:hover ul.niveau3 {display:block;}


/* mise en forme 1er niveau */

div#menu ul ul li a:hover {color:#f36f21;}
div#menu ul ul ul li a:hover {color:#f36f21;}

div#menu ul.niveau1 li.sousmenu:hover {
	background:url(../images/navigation-orange.jpg) repeat-x;
}

div#menu ul.niveau1 {
	z-index:1;
}


div#menu ul.niveau1 li {
	float:left;
	background:none;
	border:none;
	text-transform:uppercase;
	text-align:center;
	width:120px;
}

		div#menu ul.niveau1 li a{
			font-size:12px;
			color:#fff;
		}

				div#menu ul.niveau1 li a:hover{
					background:url(../images/navigation-orange.jpg) repeat-x;
				}



/* mise en forme 2ème niveau */
div#menu ul.niveau2 {
	z-index:2;
	left:0px;
	top:-44px;
	padding:0px 0px 11px 0px;
	height:73px;
	background:url(../images/navigation_bg_niveau2.jpg) repeat-x;
}

		div#menu ul.niveau2 li {
			height:20px;
		}
		div#menu ul.niveau2 li a {
		}

/* mise en forme 3ème niveau */
div#menu ul.niveau3 {
	z-index:3;
	height:113px;
	padding:0px 0px 10px 0px;
	background:#fdfeff url(../images/navigation_bg_niveau2.jpg) repeat-x;
}
	
	div#menu ul.niveau3 li {
		height:auto;
	}
	
	div#menu ul.niveau3 li a {		
	}
	
/* mise en forme 2ème et 3ème niveau */



div#menu ul.niveau2 li.sousmenu:hover, div#menu ul.niveau3 li.sousmenu:hover {
	background: #c2c9e1 url(../images/navigation-fleche.png) top left no-repeat; 
}

div#menu ul.niveau2 li.sousmenu, div#menu ul.niveau3 li.sousmenu {clear:both;}

div#menu ul.niveau2, div#menu ul.niveau3 {
	margin:-40px 0px 0px 0px;
}

div#menu ul.niveau2 li a, div#menu ul.niveau3 li a{
	text-align:left;
	color:#004185;
	margin:0px 10px 0px 20px;
}

div#menu ul.niveau2 li a:hover, div#menu ul.niveau3 li a:hover{
	background:none;
}


div#menu  li.ele1 ul.niveau3 {
	top:0px;
}

div#menu  li.ele2 ul.niveau3 {
	top:-20px;
}

div#menu  li.ele3 ul.niveau3 {
	top:-40px;
}

div#menu  li.ele4 ul.niveau3 {
	top:-60px;
}


/*div#menu ul.niveau2 li.sousmenu, div#menu ul.niveau3 li.sousmenu {
	background:url(../images/navigation-fleche.png) top left no-repeat; 
}*/
	
/* ----------- fin de menu de navigation -------------- */	



	
	div#contenu_haut {
		padding:20px 30px 20px 40px;
		height:auto;  
		min-height:500px;
	}
	
	div#contenu_bas {
		padding:5px 0px 0px 40px;
		background:url(../images/separation-haut.jpg) no-repeat center top;
	}
	
	div#contenu_bas .bloctexte {
		width:219px;
		float:left;
		margin:10px 10px 0px 0px;
		padding:0px 13px 0px 0px;
		position:relative;
		background:url(../images/separation-repeat.jpg) repeat-y right 0;
		text-align:justify;
		
	}
	
	div#contenu_bas .last {background:none}
	
	div#contenu_bas .bloctexte h1 {
		padding:0;
		margin:0;
	}
	
	div#colonne_centre div#footer {
		width:537px;
		height:75px;
		background:url(../images/colonne-centre-footer.jpg) 0px 0px;
	}
	
	div#colonne_centre div#footer_into {
		padding:0px 50px 0px 50px;
		text-align:center;
	}
	
	/*---------------- colonne droite ------------------- */
	div#colonne_droite {
		width:199px;
		float:left;
		background:#cdd1e5 url(../images/colonne-droite-bg.jpg) repeat-y 0 0;
		margin:52px 0px 0px 500px;
	}
	
	div#langues {
		background:url(../images/colonne-droite-header.jpg) no-repeat 0 0;
		width:199px;
		padding:88px 0px 5px 90px;
		margin:0;
	}
	
	div#langues, div#langues a {
		color:#fff;
	}
	
	div#langues a {
		font-size:12px;
		text-decoration:none;
	}
	
	div#langues a:hover {
		text-decoration:underline;
	}
	
	div#langues a.selected {
		color:#b7bcd7;
	}
	
	div#espaceclient, div#espaceakacio {
		margin:0px 15px 0px 15px;
	
	}
	
	div#espaceakacio {
		margin-top:5px;
	}
	
	.titre{
		margin:0;
		color:#003d7f;
	}
	
	.boutonenvoi a {
		display:block;
		background:url(../images/form-bouton-envoi.jpg) repeat-x 0 0;
		width:170px;
		height:15px;
		text-align:center;
		padding:3px 0px 3px 0px;
		margin:10px 0px 0px 0px;
		color:#fff;
		text-decoration:none;
	}
	
	.boutonenvoi input {
		display:block;
		background:#003d7f;
		width:170px;
		height:30px;
		text-align:center;
		padding:3px 0px 3px 0px;
		margin:10px 0px 0px 0px;
		color:#fff;
		text-decoration:none;
	}
	
	label {
		display:block;
		color:#003d7f;
		padding:5px 0px 4px 0px;
	}
	
	input.champ {
		width:165px;
	}
	
	form {
		padding:0;
		margin:0;
	}
	
	div#infos {
		background:url(../images/colonne-gauche-bg.jpg) repeat-y 0 0;
		width:199px;
		margin:10px 0px 0px 0px;
		text-align:justify;
	}
	
	div#infos p.texte{
		padding:0px 15px 0px 15px;
		color:#fff;
		margin:0;
	}
	
	div#infos p.titre {
		color:#fff;
		padding:3px 15px 5px 15px;
		margin:0;
		text-align:center;
		font-weight:bold;
		height:38px;
		background:url(../images/colonne-droite-infos-titre.jpg) no-repeat 0 0;
	}
	
	div#infos p.titreInfo {
		padding:0px 15px 4px 15px;
		color:#fff;
		margin:0;
	}
	
	div#infos p.infos-savoirplus {
		text-align:right;
		padding:0;
		margin:10px 0px 5px 0px;
	}
	
	div#infos p.infos-savoirplus a {
		color:#fff;
		padding:0px 20px 0px 20px;
		margin:0;
		text-decoration:none;
	}
	
	div#infos p.infos-savoirplus a:hover {
		text-decoration:underline;
	}
	
	div#infos p#footer {
		background:url(../images/colonne-droite-infos-footer.jpg);
		height:3px;
		padding:0;
		margin:0;
	}
	
	div#infos p#signature {
		background:white;
		margin:0;
		padding:45px 0px 0px 0px;
		text-align:right;
	}
	
	div#infos p#signature a{
		color:#003d7f;
		text-decoration:none;
	}
	
	div#infos p#signature a:hover{
		text-decoration:underline;
	}
	




/* taille élément - ne pas changer */


div#menu ul.niveau2 li a {
	font-size:11px;
}

div#menu ul.niveau3 li a {
	font-size:10px;
}

div#news p.titre, 
div#infos p.titre, 
div#infos p.titreInfo {
	font-size:14px;
}
	
/* mise en page page d'accueil */

#bloc_accueil {
	background: url(../images/accueil_bg_repeat.png) repeat-y 0 0;
	padding:0px 0px 0px 18px;
	margin:0px 0px 0px 0px;
	color:#fff;
}

		#bloc_accueil_into {
			padding:360px 0px 0px 12px;
			background:url(../images/akacio-accueil.jpg) no-repeat top left;
			
		}
		
				#bloc_accueil_into div.colonne_orange, #bloc_accueil_into div.colonne_bleue {
					float:left;
					width:154px;
					padding:0px 0px 15px 0px;
					margin:0px 0px 20px 4px;
					position:relative;
				}
				
				#bloc_accueil_into div.colonne_orange p, #bloc_accueil_into div.colonne_bleue p {
					padding:0; margin:0;
				}
				
				#bloc_accueil_into div.colonne_bleue {
					background:#bbc2de url(../images/colonne_bleue_bg.jpg) no-repeat 0 0;
				}
				
				#bloc_accueil_into div.colonne_orange {
					background:#fab282 url(../images/colonne_orange_bg.jpg) no-repeat 0 0;
				}
				
				#bloc_accueil_into div.colonne_into {
					padding:15px 15px 0px 15px;
				}
				
				#bloc_accueil_into div.colonne_into img {
					padding:0;
					margin:10px 0px 5px 0px;
				}
				
						#bloc_accueil_into div.colonne_into span {
							text-transform:uppercase;
						}
				
				#bloc_accueil_into div.aSavoirPlus {
					position:absolute;
					bottom:0;
					right:0;
					text-transform:uppercase;
					padding:5px 13px 3px 13px;
					margin:0px 0px 0px 0px;
				}
				
				#bloc_accueil_into div.aSavoirPlus a {
					color:#fff;
					text-decoration:none;
					display:block;
					padding:0;
					margin:0;
				}
				
				div.colonne_bleue div.aSavoirPlus { 
					background:url(../images/savoirplus-bleue.jpg) repeat-x;
				}
				
				div.colonne_orange div.aSavoirPlus { 
					background:url(../images/savoirplus-orange.jpg) repeat-x;
				}
				
		#bloc_accueil_footer {
			height:36px;
			background:url(../images/accueil_footer.png) no-repeat 0 0;
			margin:0px 0px 0px -18px;
		}