* { padding: 0; margin: 0; }

/*================================
			 BODY
================================*/

body { font-family: MS Trebuchet, Arial, Helvetica, sans-serif; font-size: 10px;}


/*================================
			LAYOUT
================================*/

#wrapper { margin: 0 auto; width: 966px; }


/*================================
		  INTERSTICES
================================*/

#interTop { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 14px; background-image url(../images/intertop.png); }
#interNavHeader { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 14px; background-image: url(../images/internavheader.png); }
#interHeaderContent { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 10px; background-image: url(../images/interheadercontent.png); }
#interContentInfos { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 10px; background-image: url(../images/intercontentinfos.png); }
#interInfosContact { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 10px; background-image: url(../images/interinfoscontact.png); }
#interContactFooter { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 10px; background-image: url(../images/intercontactfooter.png); }
#interFooterBottom { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 50px; background-image: url(../images/blank.gif); }


/*================================
			NAVIGATION
================================*/

#navG { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 298px; height: 54px; background-image: url(../images/nav_g.png); }
#navDH { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 668px; height: 13px; background-image: url(../images/nav_dh.png); }
#navSprite { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 668px; height: 30px; background-image: url(../images/nav_sprite.png); }
#navD { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 668px; height: 11px; background-image: url(../images/nav_d.png); }
#header { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/header.png); }
#content { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 322px; }
#contentIMG { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 322px; }
#infos { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 322px; background-image: url(../images/infos.png); }
#contactg { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 298px; height: 320px; background-image: url(../images/formg.png); }
#contactd { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 668px; height: 320px; background-image: url(../images/formd.png); }
#contactdTable { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 668px; height: 320px; }
#formG { float: left; padding: 0px; margin: 50px 0px 0px 50px; width: 106px; height: 320px; }
#formM { float: left; padding: 0px; margin: 50px 0px 0px 0px; width: 202px; height: 320px; }
#formD { float: left; padding: 0px; margin: 50px 0px 0px 0px; width: 260px; height: 320px; }

#footer { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 101px; background-image: url(../images/footer.png); }


/*================================
		   FORMULAIRE
================================*/

input.inPut
{
	background: #fff url(../images/shadow.gif) repeat-x top;
	border-bottom: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	color: #333;
	font-size: 16px;
	margin: 0;
	padding: 2px 0;
}

textarea.textArea
{
	background: #fff url(../images/shadow.gif) repeat-x top;
	border-bottom: 1px solid #7c7c7c;
	border-left: 1px solid #c3c3c3;
	border-right: 1px solid #c3c3c3;
	border-top: 1px solid #7c7c7c;
	color: #333;
	font-size: 16px;
	margin: 0;
	width: 75%;
	height: 100%;
}

input.send
{
	overflow: visible;
	padding: 0;
	background-image: url(../images/form_send.png);
  	width: 76px;
  	height: 24px;
	color: #ffffff;
	border-width: thin;
  	border-style: none;
  	border-color: transparent;

}

.sendButton a:hover { opacity: 0.8; filter: alpha(opacity=80); -moz-opacity: 0.8; }


/*================================
		 CALQUES CACHÉS
================================*/

#lyrContainer { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; position: absolute; }

#lyrOrdinateurs { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/ordinateurs.png); visibility: hidden; position: absolute; }
#lyrDepannage { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/depannage.png); visibility: hidden; position: absolute; }
#lyrServices { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/services.png); visibility: hidden; position: absolute; }
#lyrCreaweb { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/creaweb.png); visibility: hidden; position: absolute; } 
#lyrImprimes { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/impression.png); visibility: hidden; position: absolute; } 


#lyrPc { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/ordinateurs-pc.png); visibility: hidden; position: absolute; }
#lyrMac { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/ordinateurs-mac.png); visibility: hidden; position: absolute; }
#lyrNotebooks { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/ordinateurs-notebooks.png); visibility: hidden; position: absolute; }
#lyrLCD { float: left; padding: 0px; margin: 0px 0px 0px 0px; width: 966px; height: 320px; background-image: url(../images/ordinateurs-lcd.png); visibility: hidden; position: absolute; }


/*================================
		    SLIDESHOW
================================*/

#slideshow { position: relative; height: 322px; }
#slideshow IMG { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0.0; }
#slideshow IMG.active { z-index: 1; opacity: 1.0; }
#slideshow IMG.last-active { z-index: 1; }


/*================================
			TOOLTIP
================================*/

#tooltip {
	position: absolute;
	margin: 0;
	padding: 5px 10px 8px;
	background-color: #171717;
	filter: alpha(opacity=90);
	-moz-opacity: .9;
	opacity: 0.8;
	font-size: 10px;
	text-align: center;
	color: #fff601;
	font-weight: bold;

	}	
	

/*================================
		   CLEAR ME !
================================*/
.clear { clear: both; }