*
{
	margin:0;
	padding:0;
	outline:none;
	font-family:"Arial","Helvetica";
	font-size:14px;
}

body
{
	/*background:url(design/background.jpg) repeat-x #f2f2f2;*/
	background-color:#98adad;
}

a img
{
	border:0;
}

/*CONTAINER2*/
div#container2
{
	background: url(design/container_right.png) repeat-y right;
	width:990px;
    margin:0 auto;
}
/*CONTAINER*/
div#container
{
	background:url(design/container_left.png) repeat-y left;
	margin:0px 15px 0px 0px;
	padding-left: 15px; /*ou mettre des margin left sur header, main, footer*/
}

/*HEADER*/
div#header {
	/*background:url(design/header_back.jpg) repeat-x #F5F5ED;*/
	background:url(design/head_1.jpg) no-repeat #F5F5ED;
	height:150px;
}

div#top_head
{
	/*margin-left:70px;
	padding-top:15px;
	padding-bottom:100px;*/
	margin-left:70px;
	height:100px;
}

	div#header div#top_head p#logo
	{
		margin-top:7px;
		float:left;
	}
	div#header div#top_head p#cheminement
	{
		margin-left:25px;
		float:left;
		color:#393939;
		margin-top:74px;
	}
	div#header div#top_head p#cheminement a
	{
		color:#393939;
		font-size:0.8em;
	}

/*MENU*/
div#menu{
	clear:both;
	background:url(design/menu_back.jpg) repeat-x;
	width:960px;
	height:26px;
}
div#menu ul{
	list-style-type:none;
	float:right;
	margin-right:70px;
	/*margin-top:75px;*/
}
	div#menu ul li{
		float:left;
		width:205px;
	}
		div#menu ul li a{
			display:block;
			text-indent:-3000px;
			height:26px;
			/*background:url(design/menu.jpg) 0 0 repeat-x;
			height:22px;
			padding-top:3px;
			*/
		}
		
		div#menu ul li#who a
		{
			background:url(design/menu_agence.png) no-repeat 0 0;
		}
		div#menu ul li#who a:hover
		{
			background:url(design/menu_agence.png) no-repeat 0 -27px;
		}
		div#menu ul li#who a:active
		{
			background:url(design/menu_agence.png) no-repeat 0 -54px;
		}
		
		div#menu ul li#services a
		{
			background:url(design/menu_services.png) no-repeat 0 0;
		}
		div#menu ul li#services a:hover
		{
			background:url(design/menu_services.png) no-repeat 0 -27px;
		}
		div#menu ul li#services a:active
		{
			background:url(design/menu_services.png) no-repeat 0 -54px;
		}
		
		div#menu ul li#real a
		{
			background:url(design/menu_real.png) no-repeat 0 0;
		}
		div#menu ul li#real a:hover
		{
			background:url(design/menu_real.png) no-repeat 0 -27px;
		}
		div#menu ul li#real a:active
		{
			background:url(design/menu_real.png) no-repeat 0 -54px;
		}
		
		div#menu ul li#contact a
		{
			background:url(design/menu_contact.png) no-repeat 0 0;
		}
		div#menu ul li#contact a:hover
		{
			background:url(design/menu_contact.png) no-repeat 0 -27px;
		}
		div#menu ul li#contact a:active
		{
			background:url(design/menu_contact.png) no-repeat 0 -54px;
		}
		
/*MAIN*/
div#main
{
	background:url(design/main_background.jpg) no-repeat bottom #F5F5ED;
	/*background:#F5F5ED;*/
	padding-bottom:75px;
}

/* H1 */

	/*--AGENCE--*/
h1#who
{
	text-indent:-3000px;
	width:267px;
	height:26px;
	background:url(design/title_who.jpg) no-repeat;
}
h1#methodo
{
	text-indent:-3000px;
	width:219px;
	height:26px;
	background:url(design/title_methodo.jpg) no-repeat;
}
h1#techno
{
	text-indent:-3000px;
	width:213px;
	height:26px;
	background:url(design/title_techno.jpg) no-repeat;
}
h1#need
{
	text-indent:-3000px;
	width:377px;
	height:73px;
	background:url(design/title_need.jpg) no-repeat;
}

	/*--SERVICES--*/
h1#serv
{
	text-indent:-3000px;
}
h1#refer
{
	text-indent:-3000px;
	width:460px;
	height:26px;
	background:url(design/title_refer.jpg) no-repeat;
}
h1#heberge
{
	text-indent:-3000px;
	width:431px;
	height:26px;
	background:url(design/title_heberge.jpg) no-repeat;
}
h1#ecomm
{
	text-indent:-3000px;
	width:417px;
	height:26px;
	background:url(design/title_ecomm.jpg) no-repeat;
}
h1#crea_site
{
	text-indent:-3000px;
	width:365px;
	height:26px;
	background:url(design/title_crea_site.jpg) no-repeat;
}
h1#crea_logo
{
	text-indent:-3000px;
	width:248px;
	height:26px;
	background:url(design/title_crea_logo.jpg) no-repeat;
}
h1#mail
{
	text-indent:-3000px;
	width:142px;
	height:26px;
	background:url(design/title_mail.jpg) no-repeat;
}
h1#graphic
{
	text-indent:-3000px;
	width:223px;
	height:26px;
	background:url(design/title_graphic.jpg) no-repeat;
}
h1#domaine
{
	text-indent:-3000px;
	width:226px;
	height:26px;
	background:url(design/title_domaine.jpg) no-repeat;
}
h1#anim_app_flash
{
	text-indent:-3000px;
	width:460px;
	height:26px;
	background:url(design/title_anim_app_flash.jpg) no-repeat;
}

/*CONTENU*/
div#contenu
{
	margin-left:70px;
	width:460px;
	min-height:400px;
	color:#666666;
}

div#contenu a
{
	color:#239391;
	text-decoration:none;
}
	div#contenu a:hover
	{
		text-decoration:underline;
	}

div#contenu ul
{
	margin-left:30px;
}

div#contenu ul li
{
	list-style-image: url(design/puce_1.png);
	margin-top:2px;
	margin-bottom:2px;
}

div#contenu ol
{
	margin-left:30px;
}

div#contenu a.internal
{
	color:#666666;
	text-decoration:none;
}

span.necessary
{
	color:#ED7719;
}

/*SIDEBAR*/
div#sidebar
{
	float:right;
	width:240px;
	margin-right:70px;
	color:#666666;
}
div#sidebar h2
{
	color:#219391;
}

div#sidebar div#menu_services
{
	margin-top:28px;
	padding:0 20px 0 20px;
	height:240px;
	color:#230d39;
}
div#sidebar ul
{
	margin-top:6px;
	list-style-type:none;
	line-height:1.5em;
}

div#sidebar a
{
	text-decoration:none;
	color:#230d39;
}
div#sidebar a:hover
{
	text-decoration:underline;
	color:#219391;
}
	div#sidebar div#newsletter label
	{
		font-size:10px;
	}
	
	div#sidebar div#nom_dom label
	{
		font-size:10px;
	}
div#sidebar div#menu_services h2
{
	background:url(design/titre_service.jpg) no-repeat;
	text-indent:-3000px;
	height:40px;
}

/*FOOTER*/
div#footer
{
	clear:both;
	background:url(design/footer.jpg) repeat-x #181818;
	color:#FFFFFF;
	text-align:center
}
	div#footer div#menu_footer a
	{
		color:#FFFFFF;
		font-size:16px;
		font-weight:bold;
		text-decoration:none;
	}
	div#footer div#menu_footer a:hover
	{
		color:#239391;
	}
	div#footer div#menu_footer
	{
		padding-top:10px;
	}
	
	div#footer div#ref
	{
		clear:both;
		font-size:10px;
	}
		div#footer div#ref a
		{
			color:#FFFFFF;
			font-size:10px;
		}
		div#footer div#ref a:hover
		{
			color:#239391;
		}
	
	div#footer div#copyright
	{
		padding-bottom:10px;
		font-size:10px;
	}
		div#footer div#copyright a
		{
			color:#FFFFFF;
			font-size:10px;
		}
		div#footer div#copyright a:hover
		{
			color:#239391;
		}