/*.. 	Reset	.................................................................. */	
  

   		body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; } table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym {border:0;}


/*..	Defaults	.................................................................. */

		body 	
			{
			margin: 0px;
			font-family:  'Lucida Grande','Helvetica', 'Trebuchet MS', arial, sans-serif;
			font-size:  12px;
			background: #FFF url('../images/fond.png') -10px 0px repeat-x;
	     	text-align: center;
	     	}
	     	
	     #creation-site-internet-geneve
	     	{
	     	text-align: left;
	     	display: block;
	     	width: 940px;
	     	margin: 0px auto;
	     	}
	     	
	     a,
	     a:link,
	     a:active,
	     a:visited
	     	{
	     	color: #2b72cd;
	     	text-decoration: none;
	     	}
	     			
	     a:hover
	     	{
	     	text-decoration: underline;
	     	}
	     	
	     
	     

/*..	Header	.................................................................. */

		#header
			{
			display: block;
			height: 90px;
			position: relative;
			margin: 0px 0px 40px 0px;			
			}
		
		#header h1
			{
			display: block;
			width: 129px;
			height: 34px;
			background: transparent url('../images/logo.png') top left no-repeat;
			position: absolute;
			top: 29px;
			left: 0px;
			}
		
		#header h1 a,
		#header h1 a:link,
		#header h1 a:active,
		#header h1 a:visited
			{
			display: block;
			width: 129px;
			height: 34px;
			text-indent: -999px;
			overflow: hidden;
			}
		
		#header ul
			{
			position: absolute;
			top: 38px;
			right: 0px;
			display: inline;
			}
		
		#header ul li
			{
			display: inline;
			float: left;
			color: #000;
			}
			
		#header ul li strong
			{
			padding: 24px;
			}
		
		#header a,
		#header a:link,
		#header a:active,
		#header a:visited
			{
			color: #666;
			text-decoration: none;
			padding: 24px;
			}
					
		#header a:hover
			{
			color: #000;
			}
			
		#header a.last,
		#header a.last:link,
		#header a.last:active,
		#header a.last:visited
			{
			color: #999;
			text-decoration: none;
			padding: 24px 8px 24px 24px;
			}
				
		#header a.last:hover
			{
			color: #000;
			}
											
		
/*..	Screens & Columns	.................................................................. */


		div.screen
			{
			display: block;
			clear: left;
			margin: 5px 0px;
			}
			
		div.column
			{
			float: left;
			width: 297px;
			margin: 0px 20px 0px 0px;
			}
		
		div.last
			{
			margin-right: 0px !important;
			}
			
		div.double
			{
			width: 616px;
			margin-right: 0px !important;
			}
			
		div.triple
			{
			width: 940px;
			margin-right: 0px !important;
			}	
			
		div.right
			{
			margin-right: 7px !important;
			float: right;
			}					
			
			
			
/*..	Services	.................................................................. */		
	
		
		dl
			{
			width: 275px;
			border: 1px solid #E6E6E6;
			background-color: #F5F5F5;
			}
			
		dt
			{
			padding: 22px 25px 0px 25px;
			color: #181818;
			line-height: 18px;
			font-size: 13px;
			margin: 0 0 15px 0;
			clear: left;
			
			}
			
		dd
			{
			clear: left;
			color: #636363;
			padding: 0 25px 0px 25px;
			line-height: 16px;
			font-size: 11px;
			}	
			
			
					
		dl#services
			{
			background: transparent url('../images/icones-services.png') top left no-repeat;			
			}
			
		dl#services dt
			{
			padding: 22px 0 0 60px;
			color: #181818;
			line-height: 18px;
			font-size: 13px;
			margin: 0px;			
			}
			
		dl#services dd
			{
			color: #636363;
			padding: 0 0 22px 60px;
			line-height: 16px;
			font-size: 11px;
			}

			
			
/*..	Splashes	.................................................................. */
			
		
		.splash
			{
			display: block;
			height: 301px;
			border-bottom: 1px solid #E5E5E5;
			margin: 0px 0px 30px 0px;
			}
				
		#homepage 		{	background: #FFF url('../images/illustration-ecran.png') top right no-repeat;	}
		#contact 		{	background: #FFF url('../images/illustration-arobase.png') bottom right no-repeat;	}
		#realisations	{	background: #FFF url('../images/illustration-arrosoir.png') bottom right no-repeat;	}
		#referencement	{	background: #FFF url('../images/illustration-recherche.png') right 35px no-repeat;	}

				
		.splash h2
			{
			font-family: helvetica, arial, sans-serif;
			font-size: 29px;
			line-height: 39px;
			color: #000;
			font-weight: bold;
			width: 300px;
			margin: 147px 0 0 0;
			}
			
		.splash p
			{
			font-family: helvetica, arial, sans-serif;
			font-size: 18px;
			line-height: 28px;
			color: #888888;
			width: 350px;
			font-weight: normal;
			margin: 3px 0px 0px 0px;
			}
			
			
		.splash p strong
			{
			color: #777;
			}			
			
		#contact h2			{	margin: 180px 0 0 0; }
		#contact p			{	width: 250px; }
		
		#realisations 		{	margin: 0px 0px 30px 0px; }		
		#realisations p		{	width: 400px; }		
		#realisations h2	{	width: 350px; margin: 130px 0 5px 0;  }		
		
		#referencement 		{	margin: 0px 0px 5px 0px; }		
		#referencement p	{	width: 400px; }		
		#referencement h2	{	width: 450px; margin: 175px 0 5px 0; font-size: 26px;  }				


/*..	contacts	.................................................................. */

			
		.column address
			{
			line-height: 26px;
			background: transparent url('../images/icones-contact.png') 0px 4px no-repeat;
			padding: 0px 0px 0px 30px;
			}	
			
		.column address.text
			{
			font-size: 12px;
			line-height: 20px;
			color: #666;
			margin: 0px 0px 20px 0px;
			background: none;
			padding: 0px;
			}			
			
		.column address a em,
		.column address a:link em,
		.column address a:active em,
		.column address a:visited em
			{
			font-size: 12px;			
			color: #999;
			}
					
		.column address a:hover em
			{
			color: #2b72cd;
			}
			
/*..	Content	.................................................................. */

		h3
			{
			margin: 20px 0px 20px 0px;
			color: #181818;
			font-size: 14px;
			font-weight: bold;
			}
		
		p
			{
			font-size: 12px;
			line-height: 20px;
			color: #565656;
			margin: 0px 0px 20px 0px;
			}
			
		p.semi-margin
			{
			margin: 0px 0px 15px 0px;
			}			
			
		em
			{
			color: #AAA;
			}
			
		.illustration
			{
			float: right;
			margin: 5px 10px 0px 5px;
			}
			
			
		.pre
			{
			float: left;
			margin: 5px 15px 5px 0px !important;
			}			
			
		div.double img.illustration
			{
			margin: 5px 10px 10px 20px;
			}
			
			
		a.bouton,
		a.bouton:link,
		a.bouton:active,
		a.bouton:visited
			{
			display: block;
			width: 127px;
			height: 33px;
			text-align: center;
			background: #4292dc url('../images/bouton.png') center top no-repeat !important;
			color: #FFF;
			text-decoration: none;
			line-height: 31px;
			}
					
		a.bouton:hover
			{
			background: #4292dc url('../images/bouton.png') center -33px no-repeat !important;
			}		
			
			
		p.vcard
			{
			padding-left: 25px;
			background: #FFF url('../images/icone-vcard.png') 0px 3px no-repeat !important;			
			}
			
			
/*..	Lists	.................................................................. */			
			
		
		ol
			{
			font-size: 12px;
			line-height: 20px;
			color: #565656;
			}			
		
		ol li
			{
			margin: 0px 0px 20px 0px;
			padding: 0 0 0 33px;
			background: #FFF url('../images/icone-1.png') 0px 2px no-repeat;
			}
			
		ol li.deux
			{
			background: #FFF url('../images/icone-2.png') 0px 2px no-repeat;
			}			
			
		ol li.trois
			{
			background: #FFF url('../images/icone-3.png') 0px 2px no-repeat;
			}						
			
		
			
/*..	Banners	.................................................................. */
			
		.banner
			{
			display: block;
			clear: left;
			background: #FFF url('../images/fond-banniere.png') 0px 0px repeat-x;			
			text-align: center;
			padding: 30px 0px 15px 0px;
			width: 97% !important;
			margin: 15px 0px !important;
			}		
			
				
		.banner h2
			{
			font-family: helvetica, arial, sans-serif;
			font-size: 24px;
			line-height: 39px;
			color: #000;
			font-weight: bold;
			}
			
		.banner p
			{
			font-family: helvetica, arial, sans-serif;
			font-size: 18px;
			line-height: 28px;
			color: #999;
			font-weight: normal;
			margin: 0px;
			}
			
		.banner p a.bouton
			{
			font-size: 12px;
			margin: 10px auto 0px auto;
			}	
			
			
/*..	Forms	.................................................................. */
			
			
		form#newsletter
			{
			margin-top: -5px;
			}
			
		form#contact-form
			{
			width: 275px;
			border: 1px solid #E6E6E6;
			background-color: #F5F5F5;	
			padding: 25px 0px 20px 0px;
			}

		input
			{
			display: block;
			height: 23px;
			border: 1px solid #CCC;
			margin: 0px !important;
			vertical-align: bottom;
			float: left;
			font-size: 13px;
			color: #666;
			padding: 6px 0 0 4px;
			}
		
		input.submit
			{
			border: none;
			width: auto !important;
			height: auto;
			padding: 0 0 0 4px;
			float: left;
			}
				
		form h3
			{
			padding-left:25px;
			margin: 10px 0 5px 0;
			}	
			
		form#contact-form p
			{
			padding: 15px 25px 0px 25px;
			margin: 0 0 4px 0;
			font-size: 12px;
			line-height: 20px;
			}						
		
		form p input
			{
			width: 170px;
			}
			
		form#contact-form p input
			{
			width: 220px;
			float: none !important;
			}
						
		form p label
			{
			font-weight: bold;
			color: #222;
			}
		
		form p strong
			{
			color: #222;
			}
			
		form p textarea
			{
			display: block;
			width: 220px;			
			height: 130px;
			border: 1px solid #CCC;
			margin: 0px !important;
			font-size: 13px;
			color: #666;
			}			
			


/*..	Footer	.................................................................. */			

		
		#footer
			{
			clear: both;
			margin: 20px 0px 40px 0px;
			padding: 25px 0px 0px 0px;
			border-top: 1px solid #E5E5E5;
			}
			
		#footer address,
		#footer p
			{
			font-size: 11px !important;
			line-height: 20px !important;
			color: #999 !important;			
			margin: 0px;
			}
		
		#footer a,
		#footer a:link,
		#footer a:active,
		#footer a:visited
			{
			color: #777;
			}
					
		#footer a:hover
			{
			color: #333;
			}
			
		
		#footer p.notes
			{
			margin-bottom: 20px;
			padding-bottom: 20px;
			border-bottom: 1px dashed #E5E5E5;
			}
		
/*..	External	.................................................................. */		


	     h3 a.external,
	     h3 a.external:link,
	     h3 a.external:active,
	     h3 a.external:visited
	     	{
	     	color: #222 !important;
	     	text-decoration: none !important;
	     	}
	     			
	     h3 a.external:hover
	     	{
	     	text-decoration: none !important;
	     	}
	     	
	     p a.external,
	     p a.external:link,
	     p a.external:active,
	     p a.external:visited
	     	{
	     	color: #666 !important;
	     	text-decoration: none !important;
	     	}
	     			
	     p a.external:hover
	     	{
	     	text-decoration: none !important;
	     	}
	     	
	     dt strong a.external,
	     dt strong a.external:link,
	     dt strong a.external:active,
	     dt strong a.external:visited
	     	{
	     	color: #181818 !important;
	     	text-decoration: none !important;
	     	}
	     			
	     dt strong a.external:hover
	     	{
	     	text-decoration: none !important;
	     	}	     		     	
		
/*..	Blog	.................................................................. */

		.blog div.column
			{
			float: left;
			width: 237px;
			margin: 0px 35px 0px 0px;
			text-align: justify;			
			}
			
			
		.blog div.first
			{
			width: 370px;
			}
			
		.blog h1
			{
			font-size: 18px;
			font-weight: 200;
			line-height: 24px;
			margin: 20px auto;
			text-align: left;
			}	
			
		.blog ul
		    {
			list-style:square inside;
			}
		
		.blog ul li
			{
			color: #565656;
			margin-bottom: 10px;
			}
			
		.blog .last a,
		.blog .last a:link,
		.blog .last a:active,
		.blog .last a:visited
			{
			color: #565656;
			text-decoration: none;
			}

		.blog .last a:hover
			{
			text-decoration: underline;
			}
		
		
		
		
				
			
/*..	Clearfix	.................................................................. */
			
		.screen:after ,
		.clearfix:after 
  			{
  		    content: "."; 
  		    display: block; 
  		    height: 0; 
  		    clear: both; 
  		    visibility: hidden;
  			}
	  		
	  	.screen, .clearfix {display: inline-block;}
	  		
	  	/* Hides from IE-mac \*/
	  	* html .screen, * html .clearfix {height: 1%;}
	  	.screen, .clearfix {display: block;}
	  	/* End hide from IE-mac */