body {
text-align: center;
margin : auto;
padding : 0;
font-size: 12px;
color : #FFFFFF;
font-family: Arial, Helvetica, sans-serif;
background : #080b10 url('images/fond.png') repeat-x top center;
}

td {
font-size: 12px;
}

img {
border: 0;
}

.gauche {
float: left;
margin: 0 12px 8px 0;
}

.droite {
float: right;
margin: 0 0 8px 12px;
}

form , h1 , h2 , h3 {
margin: 0;
padding: 0;
}

.no_border {
padding: 0px;
background: none;
border: none;
}

.clear {
clear: both;
}

input, textarea , select {
font-family : Verdana, Arial, Helvetica, sans-serif;
padding : 2px;
color: #333333;
font-size : 11px;
background : #FFFFFF url('images/input.png') repeat-x bottom;
border : 1px solid #06090d;
}




/******************** LIENS ********************/ 

a {
color : #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

a:hover {
color : #E1E2E3;
font-weight: bold;
text-decoration: underline;
}

#header_site a {
color: #d1d3d6;
font-weight: bold;
text-decoration: none;
}

#header_site a:hover {
color: #d1d3d6;
font-weight: bold;
text-decoration: none;
}

#packs a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#packs a:hover {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#menu_haut ul { 
list-style-type : none;
margin: 0;
padding: 1px 50px 0 50px;
}

#menu_haut li { 
float : left;
}

#menu_haut li a {
padding: 11px 26px 12px 26px;
display : block;
color : #FFFFFF;
text-decoration: none;
font-weight: normal;
font-size: 14px;
margin-right: 1px;
}

#menu_haut li a:hover { 
color : #FFFFFF;
background : url('images/menu_haut_hover.png') repeat-x;
text-decoration: none;
}

#menu_haut li img {
position: relative;
top: 5px;
}

.list1 {
margin: 0 0 0 20px;
padding: 0;
list-style-type : none;
}

.list1 li a {
background-color: transparent;
background-image: url(images/puce.jpg);
background-repeat: no-repeat;
background-attachment: scroll;
background-position: left 0px;
padding-left: 21px;
color: #677788;
line-height: 1.91em;
text-decoration: none;
}

.list1 li a:hover {
color: #6e9ec9;
text-decoration: underline;
}

#footer a {
color: #FFFFFF;
font-weight: bold;
text-decoration: none;
}

#footer a:hover { 
color: #FFFFFF;
font-weight: bold;
text-decoration: underline;
}

/******************** LIENS ********************/ 




/******************** DESIGN ********************/ 

#global {
text-align: left;
margin: auto;
width: 950px;
min-height: 555px;
}

	#header_site {
	height: 40px;
	background : url('images/header_site.jpg') no-repeat;
	}

		#header_site p {
		margin: 0;
		color: #d1d3d6;
		font-size: 11px;
		font-weight: bold;
		padding: 14px 24px 0 24px;
		}

	#header {
	height: 192px;
	background : url('images/header.jpg') no-repeat;
	margin: 0;
	}

	#menu_haut {
	height: 40px;
	background : url('images/menu_haut.png') no-repeat;
	}

	#packs {
	height: 131px;
	background : url('images/packs.png') no-repeat;
	padding-left: 18px;
	}
	
		#pack_1_static {
		background : url('images/pack_1_static.jpg') no-repeat;
		}
	
		#pack_2_dynamic {
		background : url('images/pack_2_dynamic.jpg') no-repeat;
		}
	
		#pack_3_e-business {
		background : url('images/pack_3_e-business.jpg') no-repeat;
		}
	
		#pack_4_flash {
		background : url('images/pack_4_flash.jpg') no-repeat;
		}
	
		#pack_1_static , #pack_2_dynamic , #pack_3_e-business , #pack_4_flash {
	float: left;
	width: 220px;
	height: 118px;
	margin-top: 6px;
	margin-right: 11px;
	position: relative;
		}
	
			#packs .titre {
			font-weight: bold;
			font-size: 12px;
			color: #FFFFFF;
			margin: 0;
			padding: 15px 106px 0 10px;
			margin-bottom: 11px;
			}
	
			#packs .detail {
			font-family: Verdana, Geneva, sans-serif;
			font-size: 10px;
			color: #ced0d2;
			margin: 0;
			padding: 0 104px 0 8px;
			line-height: 11px;
			}
	
			#packs .lien {
			width: 220px;
			height: 118px;
			position: absolute;
			top: 0px;
			left: 0px;
			}
	
	#container {
	background : url('images/container_fond.png') repeat-y;
	min-height: 240px;
	padding: 20px 20px 20px 20px;
	}

		.bloc_texte {
		margin-bottom: 14px;
		font-family: Tahoma, Geneva, sans-serif;
		color: #677788;
		font-size: 11px;
		line-height: 15px;
		text-align: justify;
		}
		
			.bloc_texte h3 , .bloc_texte h4 , .bloc h3 , .bloc h4 {
			color: #5D88B3;
			font-size: 11px;
			font-weight: bold;
			margin: 0;
			}
		
			.bloc_texte .blanc {
			color: #FFFFFF;
			}
		
			.bloc_texte ._droite {
			display: block;
			float: right;
			}
		
			.list2 {
			list-style-image: url('images/puce.jpg');
			}
			
			.list2 .blanc {
			position: relative;
			top: -3px;
			}

		.bloc {
		margin-bottom: 14px;
		}

			.bloc_contour_1 {
			border: 7px solid #173B54;
			background: #173B54;
			}

			.bloc_contour_2 {
			border: 1px solid #091822;
			width: 100%;
			}

			.bloc_contour_3 {
			border: 1px solid #5D7688;
			padding: 14px;
			font-family: Tahoma, Geneva, sans-serif;
			color: #FFFFFF;
			font-size: 11px;
			text-align: justify;
			}
			
				.bloc td {
				font-size: 11px;
				}
			
			.bloc_titre {
			padding-left: 20px;
			margin-bottom: 2px;
			height: 32px;
			}

				.bloc_titre .icone {
				float: left;
				}

				.bloc_titre .texte {
				float: left;
				background : url('images/bloc_titre_fond.png') repeat-x bottom;
				font-weight: bold;
				padding: 3px 25px 11px 15px;
				font-variant: small-caps;
				font-size: 15px;
				}

				.bloc_texte .bloc_titre .texte {
	float: left;
	background : url('images/bloc_titre_fond.png') repeat-x bottom;
	font-weight: bold;
	font-variant: small-caps;
	font-size: 15px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 3px;
	padding-top: 3px;
	padding-right: 25px;
	padding-bottom: 11px;
	padding-left: 15px;
				}

				.bloc_titre .fleche {
				float: left;
				margin-top: 19px;
				}

				.bloc .titre  {
				border-bottom: 1px solid #FFFFFF;
				border-left: 3px solid #FFFFFF;
				font-family: Arial, Helvetica, sans-serif;
				font-size: 12px;
				font-weight: bold;
				color: #FFFFFF;
				padding: 2px 20px 2px 15px;
				margin-bottom: 10px;
				}

#fond_footer {
background : url('images/footer.png') repeat-x;
}

	#footer {
	text-align: left;
	margin: auto;
	width: 950px;
	}

		#footer p {
		margin: 0;
		color: #FFFFFF;
		padding: 18px 30px 18px 30px;
		text-align: center;
		font-weight: bold;
		}