body{
	text-align:center; 
	background: url('img/bg.jpg');
}

p.footer{
	margin:5px auto;
	width:725px;
}
.footer a{text-decoration: none;}
.footer img{border:0px;}

div.content{
	margin: 60px auto 0px;
	width:725px;
	height:500px;
}

div.frame_hg	{ clear:left;
			  float: left; background: url('img/frame_hg.jpg'); height: 42px; width:201px;}
div.frame_hd	{ float: left; background: url('img/frame_hd.jpg'); height: 42px; width: 93px;}
div.frame_hspacer{ float: left; background: url('img/frame_h.jpg'); height: 42px; width:  6px;}
a.frame_mnu_accueil
			{ float: left; background: url('img/frame_mnu_accueil.jpg'); height: 42px; width: 99px;}
a.frame_mnu_webdesign
			{ float: left; background: url('img/frame_mnu_webdesign.jpg'); height: 42px; width:134px;}
a.frame_mnu_webdesign_s
			{ float: left; background: url('img/frame_mnu_webdesign_s.jpg'); height: 42px; width:134px;}
a.frame_mnu_graphisme
			{ float: left; background: url('img/frame_mnu_graphisme.jpg'); height: 42px; width:108px;}
a.frame_mnu_graphisme_s
			{ float: left; background: url('img/frame_mnu_graphisme_s.jpg'); height: 42px; width:108px;}
a.frame_mnu_video
			{ float: left; background: url('img/frame_mnu_video.jpg'); height: 42px; width: 70px;}
a.frame_mnu_video_s
			{ float: left; background: url('img/frame_mnu_video_s.jpg'); height: 42px; width: 70px;}			
			
div.frame_g	{ clear:left;
			  float: left; background: url('img/frame_g.jpg'); height:435px; width: 15px;}
div.frame_content
			{ float: left; height:435px; width:693px;}
div.frame_d	{ float: left; background: url('img/frame_d.jpg'); height:435px; width: 15px;}

div.frame_bg	{ clear:left;
			  float: left; background: url('img/frame_bg.jpg'); height: 22px; width: 15px;}
div.frame_b	{ float: left; background: url('img/frame_b.jpg');  height: 22px; width: 693px;}
div.frame_bd	{ float: left; background: url('img/frame_bd.jpg'); height: 22px; width: 15px;}


div.accueil_content
			{ float: left; height:435px; width:693px; color:#000000;
			  background: url('img/accueil_content.jpg'); background-repeat: no-repeat; background-color: #FFFFFF;}  
			  
div.webdesign_content
			{ float: left; height:435px; width:693px; color:#000000;
			  background: url('img/webdesign_content.jpg'); background-repeat: no-repeat; background-color: #FFFFFF;}

div.graphisme_content
			{ float: left; height:435px; width:693px; color:#000000;
			  background: url('img/graphisme_content.jpg'); background-repeat: no-repeat; background-color: #FFFFFF;}
			
div.video_content
			{ float: left; height:435px; width:693px; color:#000000;
			  background: url('img/video_content.jpg'); background-repeat: no-repeat; background-color: #FFFFFF;}
			

div.content_left
			{ display: inline;
			  float:left; width: 215px; height: 290px;
			  margin-top:130px; margin-bottom:0px; margin-left: 50px; margin-right:0px;
			  color:#EEEEEE; text-align:left;
			  font-family: Verdana, serif; font-size: 12px; font-weight: 500;
			  background-color:transparent; overflow: auto;}
			  
div.content_right
			{ display: inline; 
			  float:left; width: 370px; height: 410px;
			  margin-left: 35px; margin-top: 10px; margin-bottom:0px; padding:0px;
			  color:#EEEEEE; font-family: Verdana, serif; font-size: 12px; text-align:left;
			  background-color:transparent; overflow: auto;}
			  
a.link, a.link:hover, a.link:focus, a.link:visited
			{ text-decoration: none; color:#EEEEEE; text-align:left;
			  font-family: Verdana, serif; font-size: 12px; font-weight:700;}
a.link:hover{ text-decoration: underline;}

h3{ margin:0px; padding:0px; font-size:12px;}
h2{ margin:0px; padding:0px; font-size:14px;}
.content_left p{ margin-top:5px; margin-bottom:5px; line-height:14px;}

/*WEBDESIGN*/
a.link_webdesign{display:block;
				height:50px; margin-bottom:10px; border:none;
				text-decoration: none; color:#EEEEEE; text-align:left;
				font-family: Verdana, serif; font-size: 12px; font-weight:700;}
.link_webdesign img{ float:left; border: none;}
.link_webdesign span{float:left; border: none;  font-size:10px; width:140px; height:50px; margin-left:10px;}

div.link_webdesign_detail{position:relative;left:0px;top:10px;
		display:block;width:369px; height:129px;
		background:url('img/webdesign/bg_detail.jpg');}

/* VIDEOS*/
a.link_videos{ position:relative; float:left; width:72px; margin-left: 30px; border:none;
			text-decoration: none; color:#EEEEEE; text-align:center;
			font-family: Verdana, serif; font-size: 12px; font-weight:700;}
.link_videos img{ float:left; border: none;}
.link_videos span{float:left; border: none; width:72px; font-size:10px;}

div.link_videos_detail{left:0px;top:3px; text-align:center; margin-top:175px;
		display:block;width:369px; height:207px; padding-top:7px;
		background:url('img/videos/bg_detail.jpg');}

		
/*GRAPHISME*/
div.thumb{height:40px; margin-top:10px;}
.thumb a{display:block; width:40px; height:40px; 
		float:left;
		margin-left:5px;}
		
.thumb h3{clear:left; float:left; height:30px;
		font-family: Verdana, serif; font-size: 11px;font-weight:700;
		width:150px; vertical-align:middle;
		padding-top:10px;}

div.zoom	{ display: block;
		top:0px; left:0px; height:435px;
		position:relative;
		display:none;
		z-index:100; 
		margin:0px; padding:0px;
		background-color:#FFFFFF;}
		  
a.next, a.next:hover{
		position:relative;left:347px;top:20px;
		display:block;width:22px; height:16px;
		background:url('img/graphisme/next.jpg');}
		
a.next:hover{background:url('img/graphisme/next_hover.jpg');}

a.graphisme_devis_gratuit{ position:relative; margin-left: 78px; margin-top: 98px;
				border:solid 2px; height:20px; width:130px; display:block; text-decoration:none;
				font-family: Arial, serif; font-size: 13px;font-weight:700;
				color:#9dda25; border-color:#9dda25; padding-top:4px;}
				
a.webdesign_devis_gratuit{ position:relative; margin-left: 78px; margin-top: 40px;
				border:solid 2px; height:20px; width:130px; display:block; text-decoration:none;
				font-family: Arial, serif; font-size: 13px;font-weight:700;
				color:#59b2b6; border-color:#59b2b6; padding-top:4px;}
				
a.video_devis_gratuit{ position:relative; margin-left: 78px; margin-top: 112px; padding:0px;
				border:solid 2px; height:20px; width:130px; display:block; text-decoration:none;
				font-family: Arial, serif; font-size: 13px;font-weight:700;
				color:#d579a2; border-color:#d579a2; padding-top:4px;}