* { margin:0; padding:0; }
body { font:11px Arial, Verdana, sans-serif; color:#4f86ad; background:#fdfdff url(../images/common/bg.jpg) repeat-x left top; }
a img { border:none; }
ul { list-style:none; }
::selection { background:#4f86ad; color:#fff; }
::-moz-selection { background:#4f86ad; color:#fff; }
/* Gabarit du site */
#eto { display:table; width:100%; height:635px; position:relative; background:url(../images/common/bg1.gif) no-repeat center 116px; }
#header, #page, #footer { clear:both; width:900px; margin:0 auto; }
/* Header */
#header { position:relative; z-index:2; height:160px; }
	/* Logo */
	#header h1 { position:absolute; left:15px; top:12px; }
		#header h1 a { color:#005187; text-decoration:none; }
	/* Menu */
	#menu { position:absolute; left:0; top:84px; width:900px; padding:1px 0 0; background:url(../images/common/menu/separator.gif) no-repeat left top; }
		#menu li { display:block; float:left; position:relative; text-align:center; }
		#menu a { display:block; height:30px; font-size:11px; text-transform:uppercase; color:#005187; text-decoration:none; }
		#menu a:hover { color:#ed7f00; }
			#menu a:hover img, #menu li.over img { visibility:hidden; }
			#menu .submenu { display:none; position:absolute; left:0; top:25px; z-index:2; }
				#menu .submenu li { float:none; margin:0 0 2px; }
				#menu .submenu a { height:auto; white-space:nowrap; text-transform:none; font-size:10px; color:#3c7aa3; }
				#menu .submenu a:hover { color:#ed7f00; }
				#menu li.over .submenu { display:block; }
		#menu-histoire { width:83px; margin:0 71px 0 0; background-image:url(../images/common/menu/on/histoire.gif); }
		#menu-metiers { width:79px; margin:0 69px 0 0; background-image:url(../images/common/menu/on/metiers.gif); }
		#menu-communaute { width:119px; margin:0 52px 0 0; background-image:url(../images/common/menu/on/communaute.gif); }
		#menu-structure { width:119px; margin:0 54px 0 0; background-image:url(../images/common/menu/on/structure.gif); }
			#menu-structure .submenu { width:180px; left:-30px; }
		#menu-clients { width:78px; margin:0 58px 0 0; background-image:url(../images/common/menu/on/clients.gif); }
		#menu-realisations { width:118px; background-image:url(../images/common/menu/on/realisations.gif); }
	/* Liens secondaires */
	#header .links { position:absolute; right:0; top:0; width:102px; height:57px; padding:10px 0 0 26px; overflow:hidden; background:url(../images/common/links-bg.jpg) no-repeat left top; }
		#header .links h4 { margin:0 0 5px; font-size:11px; color:#ed7f00; text-transform:uppercase; }
		#header .links a { padding:0 0 0 10px; font-size:10px; color:#3c7aa3; text-decoration:none; background:url(../images/common/links-arrow.gif) no-repeat 3px center; }
			#header .links a:hover { color:#ed7f00;}
/* Page */
#page { position:relative; height:440px; }
/* Footer */
#footer { display:none; height:35px; padding:15px 0 0; font-size:9px; text-align:center; color:#8a9ca5; background:url(../images/common/footer.gif) no-repeat center 1px; }
	#footer a { color:#8a9ca5; text-decoration:none; }
	#footer a:hover { text-decoration:underline; }
/* Homepage */
.page-home #eto { background:none; }
.page-home .animation { text-align:center; }
.page-home .news { position:absolute; z-index:2; top:325px; left:18px; width:540px; }
	.page-home #news { position:relative; overflow:hidden; width:540px; height:90px; }
		.page-home .news h2 { margin:0 0 15px; font-size:11px; text-transform:uppercase; }
		.page-home .news .item { position:absolute; top:0; padding:0 0 0 115px; width:425px; text-align:justify; font-size:10px; color:#3c7aa3; }
			.page-home .news .item h3 { color:#30719d; font-size:10px; font-weight:bold; margin:0 0 5px; }
			.page-home #page .news .item .text { position:static; line-height:10px; width:auto; }
			.page-home #page .news .item .text a { color:#3C7AA3; }
			.page-home .news .item img { position:absolute; display:block; left:1px; top:0; width:100px; height:60px; }
		.page-home #previous, .page-home #next { position:absolute; top:60px; left:-20px; display:block; width:15px; height:15px; overflow:hidden; background:url(../images/pages/home/arrows.gif) no-repeat left top; }
		.page-home #previous span, .page-home #next span { display:none; }
		.page-home #next { left:auto; right:-20px; background-position:right top; }
/* Page interieure */
.page-pole-digital #eto, .page-pole-it #eto, .page-pole-marketing #eto { background:url(../images/common/bg2.gif) no-repeat center 116px; }
#page .photo { position:absolute; left:396px; top:27px; }
#page .text { position:absolute; left:15px; top:25px; width:300px; }
	#page .text h2 { float:left; height:20px; padding:0 3px 0 16px; margin:0 0 10px -2px; color:#105c8e; font-size:15px; text-transform:uppercase; font-family:Times, Times new Roman, serif; background:url(../images/common/title.gif) no-repeat left top; }
	#page .text .content { clear:both; color:#005187; text-align:justify; font-size:11px; }
		#page .text .content p { margin:0 0 10px; }
		#page .text .content a { color:#005187; }
		#page .text .content ul { padding:5px  0; }
		#page .text .content li { margin:0 0 6px; padding:0 0 0 8px; background:url(../images/common/li1.gif) no-repeat left 4px; }
		#page .text .content h3 { clear:both; font-size:12px; margin:0 0 3px; }
			#page .text .content h3.logo { margin:0 0 15px -6px; }
		#page .text p.link { margin:10px 0; }
			#page .text p.link a { padding:2px 10px 10px 20px; font-size:11px; color:#005187; text-decoration:none; background:url(../images/common/link.gif) no-repeat left top; }
				#page .text p.link a:hover { color:#ed7f00; }
		#page .text p.back { margin:20px 0 0; }
			#page .text p.back a { padding-left:8px; color:#005187; background:url(../images/common/li1.gif) no-repeat left 3px; }
/* Page Nous trouver */
.page-trouver #page .text { width:auto; }
.page-trouver #page .text .coordonnees { cursor:pointer; margin:0 25px 20px 0; }
	.page-trouver #page .text .coordonnees strong { text-decoration:underline; }
.page-trouver #page .photo { overflow:hidden; width:482px; height:298px; border:1px solid #dbdcdc; }
.page-trouver #page .text .content h3 { margin:0 0 20px; }
/* Page metiers */
.page-metiers #page .logo { display:block; margin:10px 0; }
/* Page structure */	
.page-structure #page .text .content li { background:none; padding:0; }
	.page-structure #page .text .content li li { padding:0 0 0 8px; background:url(../images/common/li2.gif) no-repeat left 5px; }
	.page-structure #page .photo a { position:absolute; display:block; }
		.page-structure #page .photo a.logo-agence { left:0px; top:20px; }
		.page-structure #page .photo a.logo-digital { left:0px; top:110px; }
		.page-structure #page .photo a.logo-goodaction { left:230px; top:105px; }
		.page-structure #page .photo a.logo-infinity { left:0px; top:200px; }
		.page-structure #page .photo a.logo-runiso { left:230px; top:215px; }
/* Page realisations */
.page-realisations #page .photo { left:550px; top:50px; }
.page-realisations #page .text { width:auto; }
    .page-realisations #page .text .content { position:relative; left:-15px; }
/* Page clients */
.page-clients #page .text .content p { clear:both; }
.page-clients #page .text .content ul { padding:0; }
.page-clients #page .text .brands { height:85px; }
	.page-clients #page .text .brands li { float:left; margin-right:15px; background:url(../images/common/li2.gif) no-repeat left 5px; }
/* Page pole digital */
.page-pole-digital #eto { height:auto; background:url(../images/common/bg2-bottom.gif) no-repeat center 620px; }
.page-pole-digital #page { height:640px; background:url(../images/common/bg2-top.gif) no-repeat center top; }
	.page-pole-digital #page .brand { padding:0 0 20px; }
/* Page pole IT */
.page-pole-it #eto { height:auto; background:url(../images/common/bg2-bottom.gif) no-repeat center 560px; }
.page-pole-it #page { height:580px; background:url(../images/common/bg2-top.gif) no-repeat center top; }
	.page-pole-it #page .brand { padding:0 0 20px; }