@charset "utf-8";


/* ---------------------------- DIV importants ---------------------------- */
html, body {
	margin:0;
	padding:0;
	
}
body {
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:normal;
	text-align:center;
	background-color:#e7eff6;
	background-image:url(../images/dsn_background_image.jpg);
	background-position:0 0;
	background-repeat:repeat-x;
	margin-top:58px;
}
#wrapper_all {
	width:864px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}

/* Section Gauche */
#section_gauche {
	float:left;
}
#logo {
	width:233px;
	height:182px;
	background-image:url(../images/dsn_logo_top.jpg);
	background-position:0 0;
	background-repeat:no-repeat;
}
#menu {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#dee4ed;
}
	#menu ul {
		margin:0;
		padding:0;
		list-style:none;
		margin-left:17px;
		margin-right:17px;
		padding-top:20px;
	}
		#menu ul li {
			border-top:1px solid #8386a0;
			padding:10px;
			padding-left:45px;
		}
			#menu ul li ul {
				margin:0;
				padding:0;
				padding-top:5px;
				width:144px;
			}
				#menu ul li ul li {
					border:none;
					padding:0;
				}
		#li_accueil { background-image:url(../images/icon_home.gif); background-position:10px 8px; background-repeat:no-repeat; }
		#li_services { background-image:url(../images/icon_services.gif); background-position:10px 8px; background-repeat:no-repeat; }
		#li_realisations { background-image:url(../images/icon_realisations.gif); background-position:10px 11px; background-repeat:no-repeat; }
		#li_contact { background-image:url(../images/icon_contact.gif); background-position:10px 13px; background-repeat:no-repeat; }
		#li_support { background-image:url(../images/icon_support.gif); background-position:10px 9px; background-repeat:no-repeat; border-bottom:1px solid #8386a0; }
			#menu ul li a {
				color:#dee4ed;
				text-decoration:none;
			}
				#menu ul li a:hover {
					color:#FFFFFF;
				}
					#menu ul li ul li a:hover {
						text-decoration:underline;
					}


/* Section Droite */
#section_droite {
	background-image:url(../images/dsn_back_gauche.gif);
	background-color:#FFFFFF;
	background-position:0 0;
	background-repeat:repeat-y;
	padding-left:236px;
	_padding-left:233px; /* IE Hack */
}
#image_top {
	background-position:0 0;
	background-repeat:no-repeat;
	height:45px; /* Hauteur (274px) - Padding (229px) = 45px
	
	/* Pour positionner le texte H1 */
	padding-top:229px;
	
}
	h1.hi_titre_top {
		color:#FFFFFF;
		border:0;
		margin:0;
		padding:0;
		font-size:30px;
		font-family:Tahoma, Arial, Helvetica, sans-serif;
		padding-left:20px;
		text-transform:uppercase;
	}
	.h1_titre_top_petit {
		font-size:14px;
		text-transform:uppercase;
		padding-left:10px;
	}
	
#contenu_texte {
	background-color:#FFFFFF;
	padding-left:20px;
	padding-right:23px;
	line-height:16px;
	color:#292929;
    min-height:700px;
	_height:700px;
}
	#contenu_texte a {
		text-decoration:none;
		color:#2671b3;
	}
	#contenu_texte a:hover {
		text-decoration:underline;
		color:#114069;
	}
	#contenu_texte ul li ul: {
		display: circle;
		text-align: left;
		padding: 0px ;
		margin: 0;
		width: 19%;
	}

/* Section Footer */
#footer {	
	clear:both;
	text-align:center;
	color:#899eb1;
	font-size:11px;
	padding-top:50px;
	padding-bottom:15px;
	background-color:#e7eff6;
	background-image:url(../images/dsn_footer.gif);
	background-position:0 0;
	background-repeat:no-repeat;
}
	#footer p {
		margin:0;
	}
	#footer a {
		text-decoration:none;
		color:#899eb1;
	}
		#footer a:hover {
			color:#476a89;
			text-decoration:underline;
		}
















/* ----------------------------- Styles de base ----------------------------- */
h1 {
	color:#14146f;
	font-family:Arial, Helvetica, sans-serif;
	font-size:20px;
	border-bottom:1px solid #14146f;
	margin:0;
	margin-bottom:15px;
	padding-top:41px;
	padding-bottom:5px;
}
p {
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
}








/* --------------------------- Styles particuliers --------------------------- */
.boite_gauche {
	margin-top:20px;
	margin-left:3px;
}
	.boite_gauche img {
		border:1px solid #999bb3;
	}
	.boite_gauche_wrapper {
		background-color:#4e4e70;
		background-image:url(../images/boite_milieu.jpg);
		background-position:0 0;
		background-repeat:repeat-y;
		width:175px;
		color:#FFFFFF;
		font-size:10px;
		padding-left:29px;
		padding-top:16px;
		padding-right:26px;
	}
		.boite_gauche_wrapper p {
			margin:0;
			padding:0;
		}
			.boite_gauche_wrapper p a {
				color:#cccccc;
				text-decoration:underline;
			}
				.boite_gauche_wrapper p a:hover {
					color:#ffffff;
				}
	.boite_bas {
		background-color:#4e4e70;
		background-image:url(../images/boite_bottom.jpg);
		background-position:0 0;
		background-repeat:no-repeat;
	}
		
		/* Nouvelles */
		.boite_gauche_nouvelles_h3 {
			margin:0;
			padding:0;
			font-weight:bold;
			font-size:14px;
			color:#FFFFFF;
			background-color:#7f829c;
			background-image:url(../images/boite_nouvelles_top.jpg);
			background-position:0 0;
			background-repeat:no-repeat;
			height:30px;
			padding-left:80px;
			padding-top:16px;
			width:150px;
		}
		.boite_gauche_nouvelles_titre {
			color:#9ad5ff;
			font-weight:bold;
			margin:0;
			padding:0;
		}
		
		/* Collaborateurs */
		.boite_gauche_collab_h3 {
			margin:0;
			padding:0;
			font-weight:bold;
			font-size:14px;
			color:#FFFFFF;
			background-color:#7f829c;
			background-image:url(../images/boite_collaborateurs_top.jpg);
			background-position:0 0;
			background-repeat:no-repeat;
			height:39px;
			padding-left:80px;
			padding-top:7px;
			width:150px;
		}
		.boite_gauche_collab_table {
			margin-top:10px;
		}
			.boite_gauche_collab_table a {
				color:#FFFFFF;
				text-decoration:none;
			}
				.boite_gauche_collab_table a:hover {
					text-decoration:underline;
				}