@charset "UTF-8";

body, html{ 
margin:0;  
padding:0;
}

body{
	background-color:#ece9d8;
	width:100%; 
	min-height:700px;
	margin:auto; 
	font-family: arial, Helvetica, Arial,sans-serif; 
	font-size:1em;
	overflow:hidden
}

/*    */

#coprs {
	position:relative;
	margin:auto;
	margin-top:7%;
	width:550px;
	height:300px;
	border:1px solid #1a468d;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	behavior: url("../ressources/PIE.php");
}




#coprs_404 {
	position:relative;
	margin:auto;
	margin-top:7%;
	width:550px;
	height:300px;
	border:1px solid #1a468d;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	behavior: url("../ressources/PIE.php");
}

.bg404 {
	background-image: url("../img/bg_404.jpg");  /* modifier - image d'accès avec logo du client*/
	background-position:left;
	background-repeat:no-repeat;
}

#coprs_404 h1 {
	display:block;
	width:100%;
	text-align:center;
	color:#1a468d;
	margin-top:35px
}

.bgconnexion {
	background-image: url("../img/bg_connexion.jpg");  /* modifier - image d'accès avec logo du client*/
	background-position:left;
	background-repeat:no-repeat;}

#coprs  h1 {
	text-align:center;
	font-size:1.2em; /* modifier - en fonction de la longueur du nom du client*/
	color:#1a468d;		/* modifier - en fonction de la couleur du client client*/
	padding-top:15px;
	padding-bottom:5px;
	margin:0
}

#coprs  p {
	position:relative;
	display:block;
	width:500px;
	margin:auto;
	font-size:0.65em; 
	color:#333;	
}

#coprs  p.error {
	color:#F00;
	width:380px;
	left:60px;
	top:10px;
	text-align:center;	
}

#bg_connexion  {
	position:absolute;
	top:34%;
	left:26%;
	width:380px;
	height:175px;
	background-color:#e8e9e8;
	opacity:0.4;
	border:1px solid #997c58;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	behavior: url("../ressources/PIE.php");
	
}


#bg_404  {
	position:absolute;
	top:34%;
	left:26%;
	width:380px;
	height:175px;
	background-color:#e8e9e8;
	opacity:0.7;
	border:1px solid #b69369;
	-moz-border-radius: 15px 15px 15px 15px;
	-webkit-border-radius: 15px 15px 15px 15px;
	-khtml-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	behavior: url("../ressources/PIE.php");
	
}


#bg_404  p {
	font-size:14px;
	color:#000;
	width:90%;
	margin:auto;
	margin-top:40px
}


fieldset {
	position:absolute;
	text-align:left;
	top:34%;
	left:26%;
	width:380px;
	height:175px;
	border:none;
	padding-top:10px;
}

label {
	float: left; 
	clear: left;
	height:32px;
	line-height:32px;
	margin: 10px 0px 0 20px ;
	width: 123px;
	font-size:0.8em
}

input {
	width:175px; 
	height:32px; 
	border:1px solid #a9a9a9;
	line-height:32px;
	font-size:0.875em;
	padding-left:10px;
	margin: 10px 0px 0 10px ;
}

input[type=submit] {
	float:left; 
	cursor: pointer;
	width: 187px;
	height: 35px; 
	margin: 10px 0px 0px 153px;
	background-color:#1a468d; /* modifier - en fonction de la couleur du client*/
	color:#FFF;
	font-weight:bold;
}

input:focus, textarea:focus {
background: #d9dadc; 
}

input[type=submit]:hover {
background-color:#997c58 ; /* modifier - en fonction de la couleur du client*/
}

input[type=submit]:active {
background-color: #589f15 ;
}

fieldset a:link {
	display:block;
	width:200px;
	margin-top:52px;
	margin-left:153px;
	font-size:0.7em;
	color:#F00;
	text-decoration:none
}
fieldset a:hover {
	color:#589f15; /* modifier - en fonction de la longueur du nom du client*/
	}

span.error_color {
	color:#F00
	}
input.error_border {
	border:1px dotted #FF0000;
	}