/* Feuille de style */

/* Global */
body{
	font:14px helvetica,arial,sans-serif,sans;
	margin:0;
	padding: 20px 0;
	background: url("../images/header-bg.jpg") no-repeat center top fixed #dddddd;
}

a img{
	border:none;
    text-decoration: none;
    color: black;
}

/* Page */
#page{
	width:960px;
	margin:0 auto;
}

/* Header */
#header{
	background-color: rgba(40, 40, 40, 0.8);
	text-align:center;
    padding: 20px 0;
}
#header img{
	margin:0 auto;
}

/* Content */
#content{
    overflow: hidden;
    background-color: #FFFFFF;
}

#content form{
	margin:0 auto;
	width:780px;
}

#content h1{
	text-align:center;
    margin: 20px 0;
}

/* Footer */
#footer{
	clear:both;
	background:url(../images/footer.jpg) repeat-x;
	text-align:center;
}
#footer img{
	margin:0 auto;
}
#footer span{
	position:absolute;
	z-index:1000;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	margin-top:15px;
	left:0;
	display:block;
	text-align:center;
	width:100%;
}

/* Colonnes (TODO Utiliser 960gs) */
.grid_6{
	float:left;
	width:380px;
}
.grid_6 + .grid_6{
	margin-left:20px;
}

/* Form */
form{
}
fieldset{
	border:10px solid #eee;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
}
fieldset legend{
	font-size:20px;
	font-weight:bold;
}
form ol{
	float:left;
	width:100%;
	list-style:none;
	margin:0 0 10px 0;
	padding:0;
}
form ol li{
	width:100%;
	float:left;
	clear:left;
	border-bottom:1px solid #eee;
	/*line-height:40px;*/
	padding:4px 0;
	text-align:left;/* Safari !!! */
}
form ol li label{
	float:left;
	width:35%;
	padding:7px 0 0;
	font-size:14px; /* Safari !!! */
	font-weight:normal; /* Safari !!! */
}
form ol li label[title]{
	text-decoration:underline;
	cursor:help;
}
form ol li input,
form ol li textarea,
form ol li select{
	border:1px solid #ccc;
	padding:5px;
	background:#fff;
	color:#000;
	font:14px helvetica,arial,sans-serif,sans;
	width:60%;
}
form ol li input:focus,
form ol li textarea:focus,
form ol li select:focus{
	border-color:#cc0066;
}
form ol li textarea{
	height:60px;
}
form p{
	width:100%;
	float:left;
	clear:left;
	text-align:center;
}
form ol li ul.radio{
	display:inline;
	list-style:none;
	margin:0;
	padding:0;
}
form ol li ul.radio li{
	float:none;
	border:none;
	display:inline;
}
form ol li ul.radio li label{
	float:none;
}
form ol li ul.radio li label input{
	width:auto; /* Safari !!! */
}
form ol li ul.checkbox{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
}
form ol li ul.checkbox li{
	border:none;
	padding:0;
}
form ol li ul.checkbox li label{
	width:auto;
	padding:0;
}
form ol li ul.checkbox li label input{
	width:auto;
}
.required{
	color:#cc0066;
}
.button{
	display:inline-block;
	background:#000;
	color:#fff!important;
	text-decoration:none;
	padding:5px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	cursor:pointer;
	border:none;
	line-height:20px;
}
.button:hover{
	background:#cc0066;
}
.errors{
	color:red;
}
.status p{
	color:green;
}

/* Champs de type fichier */
div.fileinput {
	position: relative;
	float:left;
	width:60%;
	margin:0 0 5px 0;
}
div.fileinput input.file {
	position: relative;
	text-align: right;
	-moz-opacity:0 ;
	filter:alpha(opacity: 0);
	opacity: 0;
	z-index: 2;
}
div.fileinput div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
}
div.fileinput div.fakefile input{
	width:50%;
}
div.fileinput div.fakefile a.button{
	margin-left:5px;
	font-size:12px;
}

/* Champs spécifiques */
#li_format_autre input{
	width:50px;
}
#li_quantite input{
	width:35px;
	font-size:11px;
}

/* Impression */
@media print{
	body{
		background:#fff;
	}
	#page{
		width:auto;
	}
	#header{
		display:none;
	}
	#content{
		width:auto;
	}
	.grid_6{
		width:48%;
		margin-left:4%;
	}
	.alpha{
		margin-left:0!important;
	}
	input.button{
		display:none;
	}
	#footer{
		display:none;
	}
}