/*
Theme Name: White as WET 2009
Theme URI: http://www.azeemazeez.com/blogs/white-as-milk/
Description: White as Milk is a clean template that puts focus on the content rather than the design.
Version: 1.8
Author: Azeem Azeez
Author URI: http://azeemazeez.com
Tags: blue, white, fixed width, two columns, widgets, clean

	White as Milk 1.8
	 http://www.azeemazeez.com/blogs/white-as-milk/
  
  White as Milk is a clean template that puts focus on the content rather than the design. The top part
  of this stylesheet contains elements which makes it easier for designers to customize their design.
  
	The CSS, XHTML and design is released under GPL: http://www.opensource.org/licenses/gpl-license.php*/


/*=-=-=-=-=-=-=-=-=-=-= BEGIN CUSTOMIZATION =-=-=-=-=-=-=-=-=-=-=*/
@import url(./reset.css);


body {
	margin: 0;
	padding: 0;
	font: normal 76% Calibri, Arial, Helvetica, Tahoma, Arial, sans-serif;
	background: #fff;
	/* color: #bebebd; */
	color: #959595;
	color: #797979;
	background: #303122;
}
img {
	border: 0;
}

.tl { text-align: left; }
.tc { text-align: center; }
.tr { text-align: right; }

.breaker {
	display: block;
	clear: both;
	overflow: hidden;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 0;
	padding: 0;
}
.hidden {
	display: none;
	visibility: hidden;
}


.wrapper {
	width: 935px;
	padding: 0 15px;
	margin: 0 auto;
}

/* **** HEADER **** */
#header {
	height: 72px;
	background: #303122;
	border: 1px solid #3b3c2e;
	border-right: 0;
	border-left: 0;
	overflow: hidden;
}
	#logo {
		float: left;
		width: 40%;
		padding-top: 18px;
		height: 54px;
	}
		#logo h1 {
			text-indent: -9999px;
		}
		#logo .description {
			text-indent: -9999px;
		}
	#navigation {
		float: left;
		width: 60%;
		height: 72px;
		font: normal 10px Arial, sans-serif;
		color: #5b5e4a;
		text-transform: uppercase;
	}
		#navigation ul {
			float: right;
			padding-top: 27px;
		}
		#navigation ul li {
			display: inline;
			height: 18px;
			line-height: 18px;
			color: #5b5e4a;
		}
		#navigation ul li a {
			display: block;
			float: left;
			color: #5b5e4a;
			padding: 0 10px;
			margin-left: 2px;
			text-decoration: none;
		}
		#navigation ul li a:hover,
		#navigation ul li a.current {
			color: #fff;
			border: 1px solid #41432f;
			background: #3b3c2a;
		}
/**/
		

/* **** ANNOUNCE **** */
#announcehome {
	width: 100%;
	height: 261px;
	padding-bottom: 1px;
	padding: 0;
	overflow: hidden;
	background: white url(http://www.web-e-tic.fr/images/bg_home.jpg) -20em center repeat-x;
}
#announcehome .wrapper div.announcement {
	width: 916px;
	height: 228px;
	text-indent: -9999px;
	padding: 0;
	overflow: hidden;
	background-image: url(http://www.web-e-tic.fr/images/announce_home.png) !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.web-e-tic.fr/images/announce_home.png');
	margin-top: 30px;
}
#announce {
	width: 100%;
	height: 94px;
	padding-bottom: 1px;
	padding: 0;
	overflow: hidden;
	background: white url(http://www.web-e-tic.fr/images/bg_announce.jpg) 4em center repeat-x;
}
#announce .wrapper div.announcement {
	width: 482px;
	height: 94px;
	text-indent: -9999px;
	background-image: url(http://www.web-e-tic.fr/images/announce_ethique.png) !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.web-e-tic.fr/images/announce_ethique.png');
}
#announce .wrapper div.announcementWebetic {
	width: 521px;
	height: 94px;
	text-indent: -9999px;
	background-image: url(http://www.web-e-tic.fr/images/announce_webetic.png) !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.web-e-tic.fr/images/announce_webetic.png');
}
#announce .wrapper div.announcementServices {
	width: 490px;
	height: 94px;
	text-indent: -9999px;
	background-image: url(http://www.web-e-tic.fr/images/announce_services.png) !important; 
	background-image: url(no-image);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.web-e-tic.fr/images/announce_services.png');
}
/**/



/* **** GENERAL **** */
#general {
	padding-bottom: 40px;
	min-height: 100px;
	background: white url(http://www.web-e-tic.fr/images/bg_general.gif) 0 0 repeat-x;
}
	#quality {
		width: 71px;
		height: 72px;
		position: absolute;
		right: 0;
		top: 0;
		background-image: url(http://www.web-e-tic.fr/images/certifie_qualite.png) !important; 
		background-image: url(no-image);
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='http://www.web-e-tic.fr/images/certifie_qualite.png');
		background-repeat: no-repeat;
	}
	#general .wrapper {
		padding-top: 10px;
	}
	.wetText {
		float: left;
		width: 67%;
		padding: 0 3%;
		padding-right: 0;
		padding-bottom: 30px;
		text-align: justify;
	}
		.wetText h3 {
			font: bold italic 18px Calibri, Arial, sans-serif;
			height: 18px;
			line-height: 18px;
			color: #373928;
			margin: 20px 0;
		}
		.wetText h3 a {
			text-decoration: none;
			color: #373928;
		}
		.wetText h3 em {
			padding-left: 20px;
			font: normal 10px Calibri, Arial, sans-serif;
			/***font: normal 10px Calibri, Arial, sans-serif;*/
			text-transform: uppercase;
			height: 18px;
			line-height: 18px;
			background: white url(http://www.web-e-tic.fr/images/puce_text.gif) 10px 0 no-repeat;
			/***color: #a8cc19; */
			color: #bebebd;
		}
		.wetText a {
			color: #9ab310;
		}
		.wetText p {
			/* text-indent: 36px; */
		}
		.entry p {
			margin-top: 15px;
		}
		.wetText p strong {
			color: #444;
			margin-bottom: 20px;
		}
		.wetText .postmetadata {
			text-align: right;
			margin-top: 20px;
		}
		.wetText .post {
			border-bottom:1px solid #eee;
			padding-bottom: 10px;
			margin-bottom: 20px;
		}
		.wetText .post ul {
			list-style-type: circle;
			margin-left: 80px;
		}
		.quicklinks {
			width: auto;
		}
		.quicklinks ul li ul {
			width: 250px;
			border-top: 1px solid #e7e7e7;
		}
			.quicklinks h3 {
				font: bold italic 14px Calibri, Arial, sans-serif;
			}
			.quicklinks ul li ul li {
				width: 250px;
				height: 35px;
				border-bottom: 1px solid #e7e7e7;
				color: #a2a2a2;
				overflow: hidden;
			}
			.quicklinks ul li ul li a {
				/***font-size: 14px;*/
				width: 215px;
				display: block;
				text-decoration: none;
				color: #a2a2a2;
				height: 19px;
				line-height: 19px;
				padding: 8px;
				padding-left: 25px;
				background: white url(http://www.web-e-tic.fr/images/puce_left_list_green.gif) 6px center no-repeat;
				overflow: hidden;
			}
			.quicklinks ul li ul li a:hover {
				background: #eee url(http://www.web-e-tic.fr/images/puce_left_list_grey.gif) 6px center no-repeat;
			}
			.quicklinks ul li ul li a strong {
				white-space: nowrap;
				font-size: 10px;
				/***font-size: 10px;*/
				color: #cecece;
				text-transform: uppercase;
			}
			
		#commentform textarea {
			width: 96%;
		}
		
	.wetServices {
		border: 1px solid #dfdfdf;
		padding: 10px;
		display: block;
		color: #aaaaaa;
		margin-bottom: 18px;
	}
		.servicesIdentite {
			padding-left: 145px;
			background: white url(http://www.web-e-tic.fr/images/services_identite.gif) 10px center no-repeat;
		}	
		.servicesCommerce {
			padding-left: 145px;
			background: white url(http://www.web-e-tic.fr/images/services_commerce.gif) 10px center no-repeat;
		}	
		.servicesExtranet {
			padding-left: 145px;
			background: white url(http://www.web-e-tic.fr/images/services_extranet.gif) 10px center no-repeat;
		}	
		.servicesMaintenance {
			padding-left: 145px;
			background: white url(http://www.web-e-tic.fr/images/services_maintenance.gif) 10px center no-repeat;
		}	
		
		.wetServices h4 {
			/* font: bold italic 18px Calibri, Arial, sans-serif; */
			font: bold italic 17px Calibri, Arial, sans-serif;
			height: 18px;
			line-height: 18px;
			/* color: #373928; */
			color: #9ab310;
			margin-bottom: 18px;
		}
		.wetServices h4 a {
			/* color: #373928; */
			color: #9ab310;
		}
		.wetServices h4 em {
			font: normal 10px Calibri, Arial, sans-serif;
			text-transform: uppercase;
			height: 10px;
			line-height: 10px;
			color: #bebebd;
		}
		.wetServices p {
			text-indent: 0;
			color: #959595;
		}
		.quickservices {
				width: auto;
			}
			.quickservices ul {
				width: 250px;
				/* border-top: 1px solid #e7e7e7; */
				border: 0;
			}
				.quickservices ul li {
					width: 250px;
					/* height: 45px; */
					height: 65px;
					/* border-bottom: 1px solid #e7e7e7; */
					border: 1px solid #e7e7e7;
					color: #a2a2a2;
					overflow: hidden;
					margin-bottom: 18px;
				}
				/*
				.quickservices ul li a {
					/***font-size: 14px;* /
					width: 175px;
					display: block;
					text-decoration: none;
					/* color: #a2a2a2;  * /
					color: #444;
					/* height: 29px; * /
					height: 49px;
					/* padding: 8px; * /
					padding: 18px;
					padding-left: 65px;
					overflow: hidden;
				}*/
				.quickservices ul li a {
					text-decoration: none;
					width: 175px;
					display: block;
					padding: 18px;
					padding-left: 65px;
					font: bold italic 15px Calibri, Arial, sans-serif;
				}
				.quickservices ul li h4 {
					/***font-size: 14px;*/
					width: 258px;
					display: block;
					text-decoration: none;
					/* color: #a2a2a2; */
					color: #444;
					/* height: 29px; */
					height: 85px;
					/* padding: 8px; */
					overflow: hidden;
				}
				.quickservices ul li a:hover {
				}
				.quickservices ul li a strong {
					white-space: nowrap;
					font-size: 10px;
					/***font-size: 10px;*/
					/* color: #cecece; */
					color: #959595;
					text-transform: uppercase;
				}
				.quickservices ul li a.referencement { background: #fff url(/images/services_referencement.gif) 6% 18px no-repeat; padding-left: 65px; }
				.quickservices ul li a.graphisme { background: #fff url(/images/services_graphisme.gif) 6% 18px no-repeat; padding-left: 65px; }
				.quickservices ul li a.identite { background: #fff url(/images/services_identite_s.gif) 5% 20px no-repeat; padding-left: 65px; }
				.quickservices ul li a.flash { background: #fff url(/images/services_flash.gif) 7% 18px no-repeat; padding-left: 65px; }
				.quickservices ul li a.video { background: #fff url(/images/services_video.gif) 7% 18px no-repeat; padding-left: 65px; }
				.quickservices ul li a.securite { background: #fff url(/images/services_securite.gif) 6% 18px no-repeat; padding-left: 65px; }
		
	.wetReferences {
		float: left;
		width: 194px;
		margin-right: 22px;
		margin-bottom: 50px;
		color: #888;
	}
		.wetReferences a {
			display: block;
			width: 192px;
			height: 80px;
			border: 1px solid #f0f0f0;
			margin: 0 auto;
			overflow: hidden;
		}
		.wetReferences a:hover {
			border: 1px solid #9c0;
		}
		.wetReferences a span {
			display: block;
			width: 192px;
			height: 80px;
			overflow: hidden;
		}
		.wetReferences div.wref {
			position: relative;
			display: block;
			width: 180px;
			height: 25px;
			margin: 0 auto;
			margin-top: 3px;
			padding: 12px 6px;
			padding-top: 6px;
			background: #fff url(http://www.web-e-tic.fr/images/references/bg_ref.gif) 0 0 repeat-x;
			border-bottom: 1px solid #cccccc;
		}
		.wetReferences div.wref p {
			margin: 0;
			padding: 0;
			text-indent: 0;
		}
		.webrefsite {
			position: absolute;
			right: 0;
			bottom: -18px;
		}
		.webrefonline { padding-left: 15px; background: #fff url(http://www.web-e-tic.fr/images/bullet/bullet_online.gif) 0 0 no-repeat; }
		.webrefoffline { padding-left: 16px; background: #fff url(http://www.web-e-tic.fr/images/bullet/bullet_offline.gif) 0 0 no-repeat; }
		
		
	.wetContact {
		border: 1px solid #dfdfdf;
		padding: 10px;
		display: block;
		color: #aaaaaa;
	}
		.wetContact h4 {
			font: normal 12px Calibri, Arial, sans-serif;
			height: 12px;
			line-height: 12px;
			color: #858585;
			margin-bottom: 10px;
			text-transform: uppercase;
		}
		.wetContact p {
			text-indent: 0;
			font: normal 11px Calibri, Arial, sans-serif;
			color: #b5b5b5;
		}
		
		
	.wetForm {
		display: block;
		color: #aaaaaa;
	}
		.wetForm h4 {
			font: normal 12px Calibri, Arial, sans-serif;
			height: 12px;
			line-height: 12px;
			color: #858585;
			margin-bottom: 10px;
			text-transform: uppercase;
		}
		.wetForm .textfield {
			width: 96%;
			font: normal 18px Calibri, Arial, sans-serif;
			padding: 4px;
			height: 20px;
			border: 1px solid #dfdfdf;
			color: #777;
			background: #fff;
		}
		.wetForm .textarea {
			font: normal 18px Calibri, Arial, sans-serif;
			width: 96%;
			padding: 4px;
			height: 150px;
			border: 1px solid #dfdfdf;
			color: #777;
			background: #fff;
		}
		.wetForm p {
			text-indent: 0;
			margin-bottom: 18px;
		}
/**/



/* **** FOOTER **** */
#footer {
	font: normal 9px Arial, sans-serif;
	background: #e4e4e4;
	color: #838383;
	height: 68px;
	background: white url(http://www.web-e-tic.fr/images/bg_footer.gif) 0 0 repeat-x;
	text-align: center;
}
	#company {
		float: left;
		width: 40%;
		height: 48px;
		padding-top: 20px;
		color: #b6b6b6;
		text-align: left;
	}
		#company em {
			font: normal 12px Calibri, Arial, sans-serif;
			color: #838383;
		}
	#menu {
		float: left;
		width: 60%;
		text-transform: uppercase;
	}
		#menu ul {
			float: right;
			height: 68px;
			overflow: hidden;
		}
		#menu ul li {
			display: inline;
			font-size: 10px;
			height: 68px;
			line-height: 68px;
			color: #838383;
			background: transparent url(http://www.web-e-tic.fr/images/puce_footer.gif) right center no-repeat;
		}
		#menu ul li a {
			text-decoration: none;
			color: #838383;
			padding: 0 10px;
			padding-right: 14px;
		}
/**/

#companyaddress {
	font: normal 9px Arial, sans-serif;
	/* background: #303122; */
	border: 1px solid #3b3c2e;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
	text-align: center;
	color: #5b5e4a;
}
	#companyaddress .wetText {
		margin-bottom: 0;
	}
	#companyaddress .wetText h3 {
		color: #fff;
		margin-bottom: 6px;
		margin-top: 6px;
	}
	#companyaddress .wetText h3 em {
		background: transparent url(http://www.web-e-tic.fr/images/puce_text.gif) 10px 0 no-repeat;
	}
	#companyaddress .wetText ul {
		color: #5b5e4a;
	}
	#companyaddress .wetText ul li a {
		color: #5b5e4a;
		text-decoration: none;
		border-bottom: 1px dotted #fff;
	}
	#companyaddress .wetText ul li a {
		color: #5b5e4a;
		border-bottom: 1px dotted #5b5e4a;
	}