/* Extranet Semio Design  */
/* Suppression des mises en forme par default des navigateurs. */
*, h1,h2,h3,h4,h5,h6, ul, li {
	margin:0;
	padding:0;
	list-style:none;
	border:0;
}
html {
	background:url(images/v2/background.png) repeat-y center;
}

body {
	background:url(images/v2/fond.png) #FFF repeat-x;
	color:#5e5e5e;
	font-family: Arial, Verdana, sans-serif;
	font-size:80%;
	padding:0;
	height:100%;
}

#page {
	background:url(images/v2/background.png) repeat-y;
	width:982px;
	margin-left:auto;
	margin-right:auto;
	padding:0 0 40px 0;
}
/* Haut de page */
#header {
	z-index:1;
	background:url(images/v2/header.png) no-repeat;
	width:904px;
	padding:40px;
	height:313px;
}

	#header h1 {
		background:url(images/v2/logo_semiodesign.png) no-repeat;
		width:133px;
		height:30px;
		margin:-10px 0 0 0;
		float:left;
	}
	#header a {display:block;}
	#header h1 span {display:none;}
	
	#header p {
		color:#fff;
		font-size:0.1px;
		height:46px;
		width:324px;
		float:right;
	}
	
		#header h1 a {
		width:196px;
		height:46px;
		display:block;
	}
/* Contenu de la page  */
#main {
	z-index:10;
	margin:-250px 0 0 40px !important;
	margin:-250px 0 0 20px;
	width:651px;
	float:left;
}
	
	#main .client {
		width:100%;
		background:url(images/background-box.png) repeat-y;
		margin:0 0 15px;
	}
	
	#main .debut {
		background:url(images/titre-box.png) no-repeat top left;
		height:14px;
	}
	
	#main h2 {
		margin: -7px 25px 5px 20px;
		margin:-7px 25px 5px 20px !important;	
		font-size:1.2em;
		font-size:1.1em !important;
		font-weight:bold;
		color:#999;
		padding:0 0 3px 0;
		border-bottom:1px solid #e6e5e5;
	}
	
	#main .fin {
		background:url(images/bas-box.png) no-repeat bottom left;
		height:15px;
	}									
	
	#main ul.dossier {
		margin:3px 25px 5px 20px;
	}
		
	#main h3  {
		width:auto;
		font-weight:normal;
		font-size:1.1em;
		font-size:1em !important;
		margin:0 0 4px 0;
		clear:both;
	}
	
	#main h3  a {
		display:block;
		padding:3px 0 3px 10px;
		color:#666;
		background: #fff;
		text-decoration:none;
	}
	
	#main h3 a:hover {
		background: #BBB;
		color:#FFF;
	}
	#main h3 a:active{
		background: #EEE;
		color:#000;
	}
	
	#main h4 {font-weight:normal; font-size:1em; }
	.titre, .titre a { text-decoration:none; color:#000000;} 

	#main a.files {
		margin:0 10px 0 0;
		padding:0 4px;
		border-left:solid 6px #ddd;
	}
	/* Hack CSS pour IE6, ne pas mettre un float */
	html>body ul.projet {
				float:left;
	}
	/* Fin hack */
	
	ul.projet {
		position:relative;
		width:595px;
		font-size:0.85em;
		background:#fafafa;
		margin:4px 0 0 0;
		padding:10px 0 10px 10px;
		clear:both;
	}
	
	ul.projet li {
		float:left;
		background:#fafafa;
	}
	
	.titre {width:295px; margin:0 0 5px 0;}
	.date {position:absolute;right:10px;}

	.titre {color:#000000;}
	.date {font-style:italic;}
	.type a, .mail a {text-decoration:none; color:#5e5e5e;}
	
	.info {margin:-20px 60px 0 0px !important; margin:-20px  25px  0 0; float:right; font-size:11px;}
	.info  {margin:0 65px 0 0;}
	.info .date {margin:0 105px 0 0;}
	
	
	.lesdetails {clear:both; display:block; font-size:0.9em; margin:1px 0 2px 0; width:550px;}
	
	li.lesdetails a {color:#666666; text-decoration:none; padding:0 0 3px 0;}

/* Login */
	#loginpage{
		position:absolute;
		top:0;
		background:url(images/v2/fond.png) #FFF repeat-x;
		width:100%;
		height:100%;
	}
	#login {
		position:relative;
		width:290px;
		padding:10px 0 0 0;
		margin:200px auto 20px auto;
		background:url(images/login_head.gif) no-repeat top left;
	}
	#logincontent{
		background:url(images/login_main.gif) top left repeat-y;
		padding:0 0 20px 45px;
	}
	
	#img {
		background:url(images/etoile_small.gif) bottom right no-repeat;
		position:relative;
		margin:-2px 5px 12px 0;
		height:54px;
	}
	#login h2 {
		position:absolute;
		top:0;
		left:45px;
		height:62px;
		width:236px;
		border-bottom:1px solid #FF017D;
	}
	#login h2  span{
		top:35px;
		position:absolute;
		color:#FF017D;
		display:block;
		font-size:1.1em !important;
		font-size:0.9em;
		font-weight:normal;
	}
	
	#login form, #log form, #noPass form {
		width:203px;
		clear:both;
	}
	
	#noPass form {
		width:203px;
		margin: 50px auto 0 !important;
		margin:15px auto 0;
		clear:both;
	}
	
	 #message {
		width:203px;
		margin: -50px auto 0 !important;
		margin:15px auto 0;
	}
	#login .error { clear:both; text-align:center; color:#FF017D; 	width:203px;
		margin:5px 0 10px;
		}
	
	#login label, #login input {
		display:block;
		height:20px;
		width:200px;
	}
	#login input {
		background:#FAFBFB;
		border:1px solid #EAEBEB;
	}
	
	.perdu {font-size:0.9em !important;font-size:0.85em !important;}
	#login a {color:#999999; text-decoration:none;}
	
	#login input.ok  { 
		width:60px;
		height:25px; margin:10px 0 5px 142px; display:block;}
	#login .fin {
		background:url(images/login_bas.gif) no-repeat bottom left;
		height:13px;		
		width:290px;
		margin:-5px 0 0 0;
		clear:both;
	}	
	
/* Sidebar */
#sidebar {
	float:right;
	width:233px;
	font-size:0.9em !important;
	font-size:0.85em;
	line-height:150%;
	margin:-287px 40px 0 0 !important;
	margin:-287px 20px 0 0;
}
	#sidebar h2 {
		color:#FF017D;
		margin:20px 0 2px 0;
		font-weight:normal;
		font-size:1.15em !important;
		font-size:1.22em;
		height:16px;
	}

	#sidebar h4 {
		font-size:1em;
		margin:3px 0 1.5px;
	}
	
/*
	h2#profil {
		float:left;
		padding:0 0 2px 20px;
	}
	
	h2#references {
		padding:0 0 2px 20px;
		background:url(images/icones/picture.png) no-repeat left top;
	}	
	
	h2#contacts {
		padding:0 0 2px 20px;
		background:url(images/icones/mail.png) no-repeat left top;
	}	
	
	h2#societe {
		padding:0 0 2px 20px;
		background:url(images/icones/info.png) no-repeat left top;
	}	
*/
	#gestion {
		float:right;
		margin:0 0 -4px 0;
	}
	#gestion a {
		color:#acabab;
		text-decoration:none; 	
		font-size:0.9em;
		font-weight:normal;
	}

	#informations {padding:5px 0 0;}
	#desc-profil {clear:both;}
	#desc-references {padding:3px 3px 2px; margin:0 0 5px;}
	
	#desc-societe {margin:0 0 9px;}
	
	#sidebar .border {padding:0; border-top: 1px solid #ff0099;}
	#sidebar .background  {background:#fff; padding:0; clear:both;}
	#sidebar p {margin: 0 0 10px;}
	#sidebar form  {margin:0; padding:0;}
	
	#modifications label {padding:3px;}
	#sidebar  input.btn { background:#FAFCFE; padding:3px;border:1px solid #EAEBEB; margin: 2.5px 0;} 
	#sidebar  input { 
			background:#FAFBFB;
		border:1px solid #EAEBEB;
	padding:3px; font-size:0.8em !important;
	font-size:1em; }
	
	#sidebar  input:hover,  #sidebar  input:active,  #sidebar  input:focus { background:#FAFBFB; padding:3px; border: 1px solid #FF017D; }
	#password label {display:block;}
	
	#sidebar a {color:#5e5e5e; text-decoration:none;}
	
	.clear {clear:both;display:block;}
	

/* Mail  */
	#formulaire {margin:10px; clear:both;	font-size:0.9em !important;
	font-size:0.85em;}
	#formulaire h2 {
		margin:6px 0 2px 0;
		font-size:1.15em !important;
		font-size:1.22em;
		height:16px;
	}
	#formulaire input.ckbox {
	border:0; margin:0;
	}
		#formulaire input, #formulaire textarea {
		border:1px solid #EAEBEB;
		clear:both;
		padding:3px;
		background:#FAFBFB;

	}
	#formulaire label {margin:10px 0 2px; display:block; font-weight:bold;}
	.textarea {margin:0; font-size:1.2em;}

	#formulaire textarea {height:150px; width:300px; padding:3px; 	font-size:1.4em !important;  border:1px solid #EAEBEB;}
	.submit  {
		
		padding:3px;
		border:1px solid #EAEBEB;
		margin: 2.5px 0;
		font-size:0.9em !important;
		font-size:0.85em;
		display:block;
	}
	
	#sujet {width:300px;}
	

p.debug{
	color:#999;
	font-size:8px;
	text-align:center;
	margin:200px 0 50px 0;
}

a.droitUn {
	color:#999;
	font-size:0.9em;
	text-decoration:none;
	display:block;
	text-align:center;
	/*margin-left:50%;*/
}

.deco {color:#FF017D; font-size:0.8em;}