@charset "utf-8";


	body
	{
	padding:0px;
	margin:0px;
	background-color:#999999;
	}

	img
	{
	border:0;
	}
	
	.txtitalique /*texte en italique*/
	{
	display:block;
	font-style:italic;
	padding:0px 0px 0px 0px;
	}
	
	a
	{
	text-decoration:none;
	color:#FFFFFF;
	}
	
	a:hover
	{
	color:#78b9c8;
	}	
	
	h1 /*définition du style pour les titres h1*/
	{
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:18px;
	font-weight:bold;
	color:#999999;
	}
	
	h2 /*définition du style pour les titres h2*/
	{
	display:block;
	margin:0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:14px;
	font-weight:bold;
	color:#5894a3;
	}
	
	h3 /*définition du style pour les titres h2*/
	{
	display:block;
	margin:380px 0px 12px 475px;
	padding:0px 0px 0px 0px;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:13px;
	}
	
	h3 a
	{
	text-decoration:none;
	color:#000000;
	}
	
	h3 a:hover
	{
	color:#5894a3;
	}	
	
	#courrielcontact a
	{
	text-decoration:none;
	color:#000000;
	}
	
	#courrielcontact a:hover
	{
	color:#5894a3;
	}	
	
	.telbleu
	{
	font-weight:bold;
	color:#5894a3;
	font-size:16px;
	}
	
	#contenu
	{
	display:block;
	width:960px;
	height:600px;
	background-image:url(images/fond-index-1.gif);
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:13px;
	color:#000000;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-300px;
	margin-left:-480px;
	}
	
	#contenuservices
	{
	display:block;
	width:960px;
	height:600px;
	background-image:url(images/fond-services.gif);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:13px;
	color:#000000;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-300px;
	margin-left:-480px;
	}
	
	#contenucontact
	{
	display:block;
	width:960px;
	height:600px;
	background-image:url(images/fond-contact.gif);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:13px;
	color:#000000;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-300px;
	margin-left:-480px;
	}
	
	#contenuportfolio
	{
	display:block;
	width:960px;
	height:600px;
	background-image:url(images/fond-portfolio.gif);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:13px;
	color:#000000;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-300px;
	margin-left:-480px;
	}
	
	#contenuportfolioimp
	{
	display:block;
	width:960px;
	height:600px;
	background-image:url(images/fond-portfolio-imprim.gif);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:13px;
	color:#000000;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-300px;
	margin-left:-480px;
	}
	
	#contenuflash
	{
	display:block;
	width:960px;
	height:600px;
	background-color:#000000;
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:13px;
	color:#000000;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-300px;
	margin-left:-480px;
	}
	
	#contenuenvoiphp
	{
	display:block;
	width:960px;
	height:600px;
	background-image:url(images/fond-envoiphp.gif);
	background-repeat:no-repeat;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:13px;
	color:#000000;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-300px;
	margin-left:-480px;
	}
		
	#titreindex
	{
	display:block;
	margin:15px 0px 0px 15px;
	padding:0px 15px 0px 280px;
	width:600px;
	height:50px;
	}
	
	#titreservices
	{
	display:block;
	margin:15px 0px 0px 486px;
	padding:0px 15px 0px 20px;
	width:500px;
	height:50px;
	}
	
	#presentation
	{
	clear:both;
	display:block;
	margin:0px 15px 0px 15px;
	padding:0px 220px 0px 20px;
	width:700px;
	height:240px;
	}
	
	#presentation p  /*définition de l'interlignage de la biographie*/
	{
	margin:1.3em 0;
	}
	
	br.spacer{line-height:1em;}
	
	ul  /*liste - menu */
	{
	width:500px;
	height:50px;
	margin:35px 0px 0px 0px;
	padding:0px 0px 0px 480px;
	}

	 li
	{
	float:left;
	width:123px;
	margin:20px 0px 20px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	list-style:none;
	}
			
	
	#listeservicesindex
	{
	clear:both;
	display:block;
	float:left;
	margin:0px 0px 0px 10px;
	padding:0px 0px 0px 15px;
	width:500px;
	height:100px;
	position:absolute;
	left:-5px;
	top:425px;
	}	
	
	#listeservicesindex ul
	{
	float:left;
	display:block;
	width:500px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
	#listeservicesindex li
	{
	float:left;
	width:95px;
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	list-style:none;
	color:#999999;
	font-size:11px;
	}
			
	#titrenouvelles
	{
	display:block;
	float:left;
	margin:0px 0px 0px 530px;
	padding:0px 0px 0px 20px;
	width:350px;
	height:20px;
	position:absolute;
	left:-5px;
	top:400px;
	color:#666666;
	font-weight:bold;
	font-size:12px;
	
	}	
	#nouvelles
	{
	display:block;
	float:left;
	margin:0px 0px 0px 530px;
	padding:0px 0px 0px 20px;
	width:320px;
	height:20px;
	position:absolute;
	left:-5px;
	top:430px;
	color:#5894a3;
	}
		
	#credits
	{
	clear:both;
	display:block;
	float:left;
	margin:0px 0px 0px 15px;
	padding:0px 0px 0px 20px;
	width:350px;
	height:20px;
	position:absolute;
	left:-5px;
	top:560px;
	font-size:11px;
	color:#5894a3;
	}	
	
	#miseajour
	{
	clear:both;
	display:block;
	float:left;
	margin:0px 0px 0px 530px;
	padding:0px 0px 0px 20px;
	width:350px;
	height:20px;
	position:absolute;
	left:-5px;
	top:560px;
	font-size:11px;
	}
	
	#colgservices
	{
	clear:both;
	display:block;
	float:left;
	margin:20px 15px 0px 160px;
	padding:0px 20px 0px 20px;
	width:280px;
	height:180px;
	text-align:justify;
	}
	
	#coldservices
	{
	clear:both;
	display:block;
	height:220px;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 530px;
	width:370px;
	position:absolute;
	left:-1px;
	top:150px;
	}
	
	#coldservices ul
	{
	float:left;
	display:block;
	width:390px;
	height:80px;
	margin:10px 10px 0px 20px;
	padding:0px 0px 0px 0px;
	}
	
	#coldservices li
	{
	display:block;
	float:left;
	width:130px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:left;
	list-style:none;
	color:#999999;
	font-size:11px;
	font-style:italic;
	}		
	#coldservices p  /*définition de l'interlignage de la biographie*/
	{
	margin:1.3em 0;
	}
	
	#coldservices2
	{
	clear:both;
	display:block;
	height:400px;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 530px;
	width:370px;
	position:absolute;
	left:-1px;
	top:335px;
	}
	
	#servicesdispos
	{
	clear:both;
	display:block;
	height:80px;
	text-align:left;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 650px;
	width:320px;
	position:absolute;
	left:-1px;
	top:485px;
	}
	
	#colgcontact
	{
	clear:both;
	display:block;
	float:left;
	margin:0px 15px 0px 160px;
	padding:0px 20px 0px 20px;
	width:280px;
	height:200px;
	text-align:justify;
	}
	
	#colgcontact2
	{
	clear:both;
	display:block;
	float:left;
	margin:80px 15px 0px 95px;
	padding:0px 20px 0px 20px;
	width:120px;
	height:50px;
	text-align:center;
	}
	
	#coldcontact
	{
	clear:both;
	display:block;
	height:400px;
	text-align:justify;
	margin:15px 0px 0px 0px;
	padding:0px 20px 0px 509px;
	width:430px;
	position:absolute;
	left:-1px;
	top:140px;
	}
	
	#coldcontact h2 
	{
	display:block;
	margin:0px 0px 12px 24px;
	padding:0px 0px 0px 0px;
	font-family:"Trebuchet MS", Tahoma, Verdana;
	font-size:14px;
	font-weight:bold;
	color:#5894a3;
	} 
	
	#form_contact /*section du formulaire*/
	{
	display:block;
	width:415px;
	height:300px;
	margin:0px 0px 0px 25px;
	padding:10px 0px 0px 0px;
	}

	#prenom
	{
	margin:0px 0px 0px 22px;
	}

	#nom
	{
	margin:0px 0px 0px 40px;
	}

	#mail
	{
	margin:0px 0px 0px 20px;
	}
	
	#tel
	{
	margin:0px 0px 0px 6px;
	}

	#message
	{
	margin:-5px 0px 0px 16px;
	}

	.submit
	{
	margin: 0px 0px 0px 79px;
	}
	
	.form1
	{
	display:block;
	margin:7px 0px 7px 0px;
	}
	
	#courrielcontact
	{
	clear:both;
	display:block;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 24px;
	}
	
	#colgportfolio
	{
	clear:both;
	display:block;
	float:left;
	margin:0px 15px 0px 102px;
	padding:0px 15px 0px 20px;
	width:180px;
	height:160px;
	text-align:justify;
	}
	
	#colgportfolio2
	{
	clear:both;
	display:block;
	float:left;
	margin:20px 15px 0px 102px;
	padding:0px 20px 0px 20px;
	width:180px;
	height:200px;
	text-align:center;
	}
	
	#coldportfolio
	{
	clear:both;
	display:block;
	height:400px;
	text-align:justify;
	margin:15px 0px 0px 0px;
	padding:0px 20px 0px 50px;
	width:540px;
	position:absolute;
	left:340px;
	top:140px;
	}
	
	#coldportfolio1
	{
	clear:both;
	display:block;
	height:400px;
	text-align:justify;
	margin:50px 0px 0px 0px;
	padding:0px 20px 0px 50px;
	width:340px;
	position:absolute;
	left:340px;
	top:140px;
	}
	
	#colgportfolio2 a
	{
	text-decoration:none;
	color:#5894a3;
	}
	
	#colgportfolio2 a:hover
	{
	text-decoration:none;
	color:#669933;
	}
	
	#galerie
	{
	display:block;
	float:left;
	height:360px;
	text-align:justify;
	margin:15px 0px 0px 37px;
	padding:0px 10px 0px 10px;
	width:560px;
	position:absolute;
	left:-1px;
	top:20px;
	}
	
	#coldportfolio a
	{
	float:left;
	display:block;
	margin:0px 0px 0px 0px;
	padding:5px 5px 5px 5px;
	}
	
	#focusflash
	{
	clear:both;
	display:block;
	height:80px;
	margin:262px 0px 0px 330px;
	padding:0px 0px 0px 0px;
	width:300px;
	}
	#introflash
	{
	clear:both;
	display:block;
	height:550px;
	margin:25px 0px 0px 105px;
	padding:0px 0px 0px 0px;
	width:750px;
	}
	#ovniflash
	{
	clear:both;
	display:block;
	height:400px;
	margin:100px 0px 0px 400px;
	padding:0px 0px 0px 0px;
	width:160px;
	}
	
	#suite
	{
	clear:both;
	display:block;
	height:2px;
	text-align:justify;
	margin:0px 0px 0px 0px;
	padding:0px 20px 0px 680px;
	width:340px;
	position:absolute;
	left:0px;
	top:390px;
	}
	
	#colgenvoiphp
	{
	clear:both;
	display:block;
	float:left;
	margin:40px 15px 0px 300px;
	padding:0px 20px 0px 20px;
	width:300px;
	height:180px;
	text-align:center;
	}