/*Couleurs Navigation*/
body {																			background: #fff;} 
body.home #navigation .home a,
body.securite-informatique #navigation .securite-informatique a,
body.referencement #navigation .referencement a,
body.design #navigation .design a,
body.communication #navigation .communication a {
																				background-image: url(../i/navigation.jpg);
																				cursor: default;height: 65px;visibility: visible;}

body.home #navigation .home a {													background-position: 0px 0;}
body.securite-informatique #navigation .securite-informatique a{				background-position: -63px 0;}
body.referencement #navigation .referencement a{								background-position: -141px 0;}
body.design #navigation .design a {												background-position: -213px 0;}
body.communication #navigation .communication a{								background-position: -296px 0;}



/*WIDGET - TEXT*/

/*250*/
.widget-text{								background: url(../i/header/colors.jpg) no-repeat 0 36px;}
.widget-text.widget-250.widget-orange{		background-position: -250px 36px;}
.widget-text.widget-250.widget-green{		background-position: -500px 36px;}
.widget-text.widget-250.widget-blue{		background-position: -750px 36px;}


/*446*/
.widget-text.widget-446{					background: url(../i/header/colors.jpg) no-repeat -1000px 36px;width: 446px;}	
.widget-text.widget-446.widget-orange{		background-position: -1446px 36px;}
.widget-text.widget-446.widget-green{		background-position: -1892px 36px;}
.widget-text.widget-446.widget-blue{		background-position: -2338px 36px;}

													
/*703*/
.widget-text.widget-703{					background: url(../i/header/colors.jpg) no-repeat -2784px 36px;width: 703px;}
.widget-text.widget-703.widget-orange{		background-position: -3487px 36px;}
.widget-text.widget-703.widget-green{		background-position: -4190px 36px;}
.widget-text.widget-703.widget-blue{		background-position: -4893px 36px;}


/*ALIGN*/
.widget-right{								float:left;margin: 10px 0 0 0;}
.widget-left{								float:left;margin: 10px 7px 0 0;}

/*SIZE*/
.widget-250{								width: 250px}
.widget-446{								width: 446px;}
.widget-703{								width: 703px;}
.widget-960{								width: 960px;}

.widget-text h2{							display: block;margin: 0 0 16px 0;height: 26px;font-size:14px;text-align:center;padding-top:10px}
.widget-text.widget-250 h2{					background: url(../i/bgbox.png) no-repeat 0 0;}
.widget-text.widget-446 h2{					background: url(../i/header/446s.jpg) no-repeat 0 0;}			
.widget-text.widget-703 h2 {				background: url(../i/header/703s.png) no-repeat 0 0;}	
.widget-text.widget-960 h2 {				background: url(../i/header/960s.jpg) no-repeat 0 0;}




/*LOGIN WIDGET*/
#user_login form#login { margin: 0 10px 4px 14px; }
#user_login_email {background-image: url(../i/forms/input_226.jpg);width: 206px;}
#user_login form#login button { background-image: url(../i/forms/login.jpg); }
#user_login hr {background-position: 0 0px;padding: 5px 0 6px 0;}
#user_login h3,
#user_seo h3 {clear: left;color: #f18200;font: 13px "lucida grande","lucida sans unicode",sans-serif;font-size: 13px;}
#user_login p a {position: relative;left: -4px;}
#user_login p a { color: #555; }
#user_login #user_login_password_label { float: left; }
#user_login #user_login_password { clear: left; }
#user_login .forgotPassword {
background: url(../i/forms/forgot.jpg) no-repeat 0 -16px;
display: block;
float: left;
margin: -2px 0 0 5px;
padding: 0 5px 0 20px;
xtext-align: right;
text-decoration: none;
height: 16px;
width: auto;
}

#user_login .forgotPassword:hover { background-position: 0 0px; }

#user_login .forgotPassword span {
	color: #aaa;
	xdisplay: none;
	font-size: 10px;
	text-decoration: none;
}
#user_login .forgotPassword:hover span { color: #444; }






	h3.leaking {
	overflow: hidden;
	position: relative;
	left: -6px;
	top: -3px;
	}

h3.leaking a {
	background: #fff;
	display: block;
	left: 0;
	line-height: 22px;
	padding: 0px 0 0px 7px;
	text-decoration: none !important;
	}

.sandwich h3.leaking a:hover {
	background: #fff;
	}

h3.leaking a span {
	line-height: 25px !important;
	overflow: hidden;
	padding: 3px 5px 4px 0px;
	padding: 4px 5px 4px 0px; /* WINDOWS only.. */
	text-decoration: underline;
	}

.bigBrowser.fourEyes h3.leaking span {
	line-height: 7px !important; }

h3.leaking a span.spacer {
	background: #fff;
	display: block;
	padding: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 95px;
	width: 7px;
	}

h3.leaking a:hover span {
	background: #195fc6 url(../i/gradients/blues.jpg) repeat top left !important;
	color: #fff;
	text-decoration: none;
	}

.community h3.leaking a:hover span {
	background: #d77400 url(../i/gradients/oranges.jpg) repeat top left !important;
	}



	
	
	
	
	
	/*&&> 2f. Messages */

.messages {
	background: #f1f1f1;
	border: 1px solid #e1e1e1;
	background: #fffed6;
	background: #fffde7;
	border: 1px solid #e8e68a;
	color: #333;
	margin: -3px 0 7px 0;
	padding: 7px 10px 0px 14px;
	}

.messages.attached {
	border: 0 none;
	display: block;
	margin: -10px 0 10px 0;
	padding: 5px 0 4px 14px;
	}

#user_login .messages.attached,#user_panel .messages.attached {
	background: transparent url(../i/header/attachment_orange.jpg) no-repeat bottom center;
	}

.messages.metal_703 {
	background: #fff url(../i/metal/703_small.jpg) no-repeat top left;
	border: 0 none;
	display: block;
	font-size: 13px;
	margin: 9px 0 -2px 0;
	padding: 17px 0 0 14px;
	line-height: 50px;
	text-align: center;
	height: 35px;
	}

.messages.metal_703 p {
	font-size: 13px;
	margin: 0 50px;
	}

.metal_703 p strong {
	background: #fffde7;
	border: 1px solid #ccc;
	border-width: 0 1px 1px 0;
	padding: 3px 5px;
	}

.messages ul {
	background: transparent;
	margin: -3px 0 0 0;
	padding: 0 10px 0 0;
	xlist-style: disc;
	}

.messages ul li {
	background: transparent !important;
	font-size: 11px;
	line-height: 14px !important;
	margin: 2px 0 7px 0;
	padding: 0 !important;
	}

.messages.long ul li { text-align: center; }

.messages.attached ul li { color: #fff; }

.messages.attached li { position: relative; }
.messages.attached li span {
	position: relative;
	font-weight: 800;
	top: 0;
	left: 0;
	z-index: 2;
	}

.messages.attached li span.dolly {
	color: #000;
	opacity: 0.20;
	filter:alpha(opacity=20);
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1;
	}



.widget-green h3 a:hover {background: #75af26 url(../i/gradients/greens.jpg) repeat-x top;}

.widget-red h3 a {color:#A50C11}
.widget-red h3 a:hover {background: #A50C11 url(../i/gradients/red_20.jpg) repeat-x top;color:white}
.widget-orange h3 a:hover {background: #75af26 url(../i/gradients/oranges.jpg) repeat-x top;}
.widget-blue h3 a:hover {background: #75af26 url(../i/gradients/blues.jpg) repeat-x top;}