body
			{
			text-align:center;
			margin:auto;
			background-image:url("../images/body_bkg.png");
			}
	
	#general
			{
			width:1000px;
			height:800px;
			margin:auto;
			}
		
		
	/*ENTETE*/ 
	#header	{
			width:1000px;
			height:175px;
			border:solid yellow 0px;
			float:left;
			position:relative;
			background-image:url("../images/header_bkg.png");
			}
		.slogan
			{
			width:1000px;
			height:50px;
			float:left;
			position:relative;
			margin:0px 0px 0px 0px;
			border: solid black 0px;
			}
	/*Balise menu déroulant Entete*/ 	
	#header	li	
			{
			list-style-type:none;
			width:150px;
			height:20px;
			float:left;
			color:white;
			font-size:16px;
			position:relative;
			background-color: #313332;
			margin:0px 2px 0px 0px;
			padding:0px 0px 0px 0px;
			}
	#header	ul ul	
			{
			list-style:none;
			display:none;
			position:absolute;
			}
	#header	li:hover
			{
			background-color:#959644;
			}
	#header  li:hover ul.montage, 
	#header  li:hover ul.composant,
	#header  li:hover ul.logiciels,
	#header  li:hover ul.periph
			{
			display:block;
			color:white;
			font-size:18px;
			text-align:center;
			position:relative;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			}
		
		.pagesuivante
			{
			float:right;
			width:150px;
			margin:85px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			}
		.pageprecedente
			{
			float:left;
			width:150px;
			margin:75px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			}
	/*HOME*/
		#main
			{
			float:left;
			width:1000px;
			height:560px;
			margin:auto;
			position:relative;
			margin:0px 0px 0px 0px;
			background-image:url("../images/main_bkg.png");
			border: solid black 0px;
			
			}		
		.menu_v
			{
			float: left;
			width:190px;
			height:auto;
			color: white;
			margin:25px 0px 0px 10px;
			padding:0px 0px 0px 0px;
			border: solid black 0px;
			}
		#main li	
			{
			list-style-type:none;
			width:100px;
			height:20px;
			float:left;
			color:white;
			font-size:16px;
			position:relative;
			background-color: #313332;
			margin:30px 0px 0px 5px;
			padding:0px 0px 0px 0px;
			border: solid red 0px;
			}
	#main li:hover
			{
			background-color:#959644;
			}
			
		#main ul ul	
			{
			list-style:none;
			display:none;
			position:absolute;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			}
				
	#main  li.contact
			{
			width:100px;
			height:20px;
			float:left;
			padding:0px 0px 0px 0px;
			margin:50px 0px 0px 45px;
			background-color:#959644;
			text-align:center;
			-webkit-border-radius:10px/5px;
			-moz-border-radius:10px/5px;
			-o-border-radius: 20px/10px;
			border-radius:20px/10px;
			border:solid yellow 0px;
			}
		.home
			{
			width:780px;
			height:560px;
			float:left;
			margin:0px 0px 0px 10px;
			padding:0px 0px 0px 0px;
			color: black;
			border: solid red 0px;
			position:relative;
			}
		.home0
			{
			float:left;
			width:375px;
			height:400px;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 10px;
			position:relative;
			border:solid red 0px;
			text-align:justify;
			color:black;
			background-image:url("../images/annonce.png");
			}
			.home1
			{
			float:left;
			width:375px;
			height:auto;
			padding:0px 0px 0px 0px;
			margin:0px 0px 0px 10px;
			position:relative;
			border:solid red 0px;
			text-align:justify;
			color:black;
			}
		
		
			.home2
			{
			float:left;
			width:325px;
			height:auto;
			padding:0px 0px 0px 0px;
			margin:150px 0px 0px 300px;
			position:absolute;
			border:solid red 0px;
			text-align:justify;
			color:black;
			}
			
		.clearfix:after
			{
			clear:both;
			content:´ ´;
			display:block;
			font-size:0;
			height:0;
			line-height:0;
			visibility:hidden;
			width:0;
			}
			.image
			{
			
			width:200px;
			height:auto;
			float:left;
			position:relative;
			text-align:justify;
			margin:0px 20px 0px 20px;
			border: solid black 0px;
			}
			ol	
			{
			text-align:left;
			}
		/* pied du site*/
	#footer
			{
			width:1000px;
			height:65px;
			float:left;
			margin-top:0px; 
			background-image:url("../images/footer.jpg");
			}
/* CSS--de la balise formulaire*/
#search form 
	{
		float:left;
		background-color:red;
		width:150px;
		height:auto;
		margin:0px 0px 0px 0px;
	}
#search fieldset
	{
		float:left;
		width:170px;
		margin:0px 0px 0px 20px;
		padding:0px 0px 0px 0px;
		border:0px;
	}
#search textarea
	{
		float:left;
		width:75px;
		height:16px;
		margin-top:0px;
		border:0px solid yellow;
		background-color:#996666;
	}
#search  input[type=submit]
	{
		width:70px;
		margin:0px 20px 0px 0px;
		padding:0px 0px 3px 0px;
		border:solid red 0px 
	 }
 form 
	{
		float:left;
		background-color: ;
		width:190px;
		height:auto;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
fieldset
	{
		float:left;
		width:185px;
		margin:20px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		color:black;
		border: solid black 1px;
	}
	 
legend
	 {
		color:red;
	  	font-weight:bold;
	}
label[for=civilite]
	{
		float:left;
		text-align:left;
		margin:10px 0px 0px 5px;
		padding:0px 0px 0px 0px;
	}
label[for=nom]
	{
		float:justify;
		text-align:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px px 0px;
	}
label[for=prenom]
	{
		float:justify;
		text-align:left;
		margin:0px 0px 0px 5px;
		padding:0px 0px 0px 0px;
	}
label[for=profession]
	{
		float:left;
		text-align:left;
		margin:7.5px 0px 0px 10px;
		padding:0px 0px 0px 0px;
	}
label[for=message]
	{
		float:left;
		text-align:left;
		margin:10px 0px 0px 10px;
		padding:0px 0px 0px 0px;
	}
input[type=text]
        {
		margin:10px 0px 0px 0px;
		padding:0px 0px 0px 0px;
	}
input[type=radio]
	{
		
		margin:30px 0px 20px 0px;
		padding:0px 0px 0px 0px;
		background-color:transparent;
		border:none;
	}
 input[type=submit]
	{
		float:left;
		width:75px;
		margin:0px 0px 0px 40px;
		padding:0px 0px 0px 0px;
		border:0px solid black;
	}
select[name=profession]
        {
		float:left;
		margin:10px 0px 0px 2.5px;
		padding:0px 0px 0px 0px;
	}

#formulaire textarea
	{
		float:left;
		width:150px;
		margin:0px 0px 0px 10px;
		padding:0px 0px 0px 0px;
		border:0px solid yellow;
	}
	
select
	{	float:left;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		border: 0px solid black;
	}
/*CSS balise taille de la police*/
	
	h5.style1
		{
			width:725px;
			height:auto;
			font-family:sans-serif;
			text-align:justify;
			font-size:12px;
			color:black;
			margin:0px 0px 0px 25px; 
			padding:0px 0px 0px 0px;
			border:0px solid black;
		}
	h5.style2
		{
			width:400px;
			height:400px;
			font-family:sans-serif;
			text-align:justify;
			font-size:12px;
			color:black;
			margin:0px 0px 0px 330px; 
			padding:0px 0px 0px 0px;
		}
	h5.style3
		{
			width:500px;
			height:400px;
			font-family:sans-serif;
			text-align:justify;
			font-size:12px;
			color:black;
			margin:10px 0px 0px 225px; 
			padding:0px 0px 0px 0px;
		}
		h5.style4
			{
			float:left;
			width:400px;
			height:400px;
			font-family:sans-serif;
			text-align:justify;
			font-size:12px;
			color:black;
			margin:10px 0px 0px 225px; 
			padding:0px 0px 0px 0px;
			}
		h5.style5
			{
			width:400px;
			height:400px;
			font-family:sans-serif;
			text-align:justify;
			font-size:12px;
			color:black;
			margin:0px 0px 0px 350px; 
			padding:0px 0px 0px 0px;
			}
	
    p.para1
		{	font-size: 14px;
			margin:6px 5px 0px 3px;
			text-align:justify;
		}
		
    p.element
		{
			font-size: 14px;
			margin:2px 5px 0px 3px;
	
		}
	   h2
		{
		color:black;
		text-align:center;
		}
			/*CSS balise lien hypertexte*/	
	a:link
		{
		  font-family: arial;
		  outline:none;
		  color:white;
		  font-size:14px;
		  text-decoration:none;
		}
		
	a:visited
		{
			font-family: arial;
			color:white;
			font-size:14px;
			cursor:text;
			text-decoration:none;
		}
		
	a:active
		{
			color:black;
		}
	 a:hover
		{
			color:black;
		}