@CHARSET "UTF-8";


/************************************************
*************************************************

				INDEX

*************************************************
************************************************/

div.section h1{
	color: #464fd8;
}

div.section h2{
	color: rgb(51, 51, 51);
}

/************************************************
*************************************************

				NOS MÉTIERS

*************************************************
************************************************/

#leftBox {
	width: 460px;
	position: relative;
	float: left;
	margin: 0px 0px 25px 15px;
}

#leftBox:before{
	content: " ";
	height: 75%;
	box-shadow: 1px 0px 3px 1px rgba(0, 0, 0, 0.3);
	position: absolute;
	top: 15%;
	right: 0px;
}

#leftBox article{
	width: 215px;
	float: left;
	margin: 0px 15px 10px 0px;
}

/************************************************
*************************************************

				CONNEXION

*************************************************
************************************************/

#connexion{
	width: 420px;
	float: left;
	margin: 0px 0px 25px 15px;
}

#connexion form{
	border-top: 4px solid rgb(192, 192, 174);
	background: rgb(241, 241, 237);
	box-shadow: inset 0px 0px 0px 1px rgb(255, 255, 255);
	padding: 5px 0px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

#connexion form p{
	width: 185px;
	height: 30px;
	margin: 0px 0px 5px 15px;
	float: left;
}

/* p avec submit */
#connexion form p:last-child{
	height: 25px;
	margin: 18px 0px 5px 15px;
}

/* p avec submit version IE8 */
#connexion form p + p + p + p{
	height: 25px;
	margin: 18px 0px 5px 15px;
}

#connexion label{
	font-weight: bold;
	color: rgb(51, 51, 51);
}

#connexion input, #connexion select{
	width: 170px;
	height: 23px;
	border: 1px solid rgb(204, 204, 204);
	padding: 0px 5px;
}

#connexion select{
	width: 180px;
	padding: 0px;
}

#connexion input[type="button"]{
	width: 180px;
	color: rgb(255, 255, 255);
	text-shadow: 0px 2px 1px #464fd8;;
	border: 1px solid #464fd8;;
	border-radius: 8px;
	background: url('../../images/index/fondValiderIE8.gif') repeat-x;
	background: -moz-linear-gradient(45deg, #301cab 0%, #4448d3 52%, #5774fa 100%);
	background: -webkit-linear-gradient(45deg, #301cab 0%, #4448d3 52%, #5774fa 100%);
	background: linear-gradient(45deg, #301cab 0%, #4448d3 52%, #5774fa 100%);
	cursor: pointer;
	float: left;
}

#connexion form p.button{
	width: 383px!important;
}

/* mot de passe oublié */
#connexion span.link{
	float: right;
	text-align: right;
	margin: 5px 0px 0px 0px;
}

#connexion > p:last-child a{
	color: rgb(102, 102, 102);
}

/* mot de passe oublié / version IE8 */
#connexion form + p{
	text-align: right;
	margin: 5px 0px 0px 0px;
}

#connexion form + p a{
	color: rgb(102, 102, 102);
}

h1.small {
	font-size: 14px!important;
}

#register {
	height: 30px;
	border-top: 4px solid rgb(192, 192, 174);
	background: rgb(241, 241, 237);
	box-shadow: inset 0px 0px 0px 1px rgb(255, 255, 255);
	padding: 20px 10px;
	margin: 0px 0px 0px 0px;
	overflow: hidden;
}

#register .regPub {
	float: left;
}

#register .regAdv {
	float: right!important;
}

/************************************************
*************************************************

				CLIENTS

*************************************************
************************************************/

#centerBox{
	clear: both;
}

#centerBox div{
	border: 1px solid rgb(227, 227, 219);
	border-radius: 8px;
	padding: 15px 15px 0px 15px;
	overflow: hidden;
}

#centerBox figure{
	width: 25%;
	height : 90px;
	text-align: center;
	display: inline;
	float: left;
}
.effetFormulaire{
	border: 1px solid rgb(225, 225, 225);
	box-shadow: inset 0px 0px 1px 1px rgb(255, 255, 255);
}

span.link {
	cursor: pointer;
}