/*****************************************
 FORMULAIRE CONTACT
*******************************************/
.envoyer, .envoyer:focus, .valider, .valider:focus{
	border:0;
	margin-left:200px;
}

.envoyer:hover, .envoyer:active, .valider:hover, .valider:active{
cursor: pointer;
border:0;
outline:0;
}


#formContact{
	margin-top:30px;
}

#formContact p input{
	width:27%;
}

#formContact p  input#cp{
	width:100px;
	margin-right:104px;
}

#formContact p  input#souhait, #ecrireCom p  input#souhait{
    margin-left: 0px;
    margin-right: 5px;
    margin-top: 10px;
    width: 5%;
}

#formContact input[type=submit], #formContact input[type=submit]:hover, #formContact input[type=submit]:focus,
#ecrireCom input[type=submit], #ecrireCom input[type=submit]:hover, #ecrireCom input[type=submit]:focus{
	outline:0;
	border:0;
	margin-top:10px;
}

#formContact input.envoyer:hover{
	color:#333;
}

#formContact p{
	height:27px;
}

#formContact p.message{
	height:auto;
	margin-left: 8.6%;
}

#formContact .message label{
	width:auto;
	text-align:left;
}

#formContact label.error {margin-left:135px !important;width:400px !important;text-align:left !important;}

.message label{
	text-align:left;
}
#messageContact{
width:444px;
height:200px;
}
.quantite{
	width:105px;
}
#formContact select .label{
font-weight:bold;
font-style: italic;
}

#formContact span.block{
	padding-left:186px;
}

#formContact label{
	float: left;
    position: relative;
    width: 17%;
	margin-left:2%;
}

#formContact label#souhait, #ecrireCom label#souhait{
	font-size: 12px;
    text-align: left;
	margin-left:0;
    width: 88%;
    margin-top:6px;
}

#formContact input, #formContact select, #ecrireCom input#souhait{
	float:left;
}

#formContact #valider, .asterisque{
	margin-left:20%;
}

#formContact #valider, #ecrireCom #visualiser, #envoyer{
	padding:3px 10px;
	margin-bottom:10px;
}
#formRecommander #envoyer{
	margin-left:21%;
	margin-top:1%;
}
#visualiser{
	margin-left:104px;
}
.livres p.ligneVpapier, .hors-serie p.ligneVpapier{
	width:54%;
}
.abonnements p.ligneVpapier{
	width:78%;
	float:left;	
}

#Vpapier{
	width:55%;
	cursor:pointer;
}
#Vnumerique{
	width:55%;
}
.abonnements #Vnumerique, .livres #Vnumerique{
	width:20%;
}

.livres articles.CataLivres #Vnumerique, .livres #Vnumerique{
	width:55%;
}
.livres form p{
	width:54%;
	float: left;
	margin:0;
}
.hors-serie form p{
	width:54%;
	float: left;
	margin:0;
}
#colDroite #Vnumerique{
	width:40%;
}
.infosContact{
	float:left;
	margin-right:40px;
	width:262px;
}

.infosPieceJointe{
	padding-left:15%;
	font-size:11px;
	color:#5B819C;
}

/*****************************************
 FORMULAIRE GENERAL
*******************************************/
label.error {color:#A90000;font-style:italic;}
label {
	font-weight:normal;
}
form input.radio{
	border:0;
	background-color:transparent;
}
#FormCompteMdp p label{
	width:30%;
}
p label{
	display: block;
	float: left;
	width: 20%;
	margin-right:10px;
	color:#989898;
}
form#FormProfil p label{
	width: 35%;
}
form p{
margin-top: 5px;
margin-bottom: 5px;
clear:both;
}

form{
/margin-bottom: 45px;
}


label.deux_elements{
	display: block;
	float: left;
	width: 12%;
	text-align: right;
	margin: 0 1em 0 0;
	padding: 2px;
}

#formContact p label.deux_elements_deuxieme,  p label.deux_elements_deuxieme{
	margin: 0 1em 0 2em;
	padding: 2px;
	float: none;
	display: inline-block;
}


input, select, textarea {
border: solid 1px;
border-color: #989898;
background-color: #fbfbfb;
/background-color: #FFFFFF;
color: #333;
font-family:Verdana, Geneva, sans-serif;
font-size:12px;
padding:3px;
}

input:hover, select:hover, textarea:hover {
border-color:#555 #777 #aaa;
}
input:focus, select:focus, textarea:focus {
color:#0D3C6F;
background-color: #ffffff;
}

select{
cursor: pointer;
}

.check{
padding-left: 170px;
margin-top: 20px;
margin-bottom: 20px;

}
.check label{
width:435px;
float: none;
}

#cgv{
display: inline;
float: left;
}

form p.info{
font-size: 10px;
padding-left: 175px;
font-style: italic;
margin-top:15px;
}
.btnAP{
	margin-left:82px;
}
.btnAP:hover{
	margin-left:82px;
	background:#999;
}
.submit, .valider,
input#valid,
.submit:hover, .valider:hover,
.submit:focus, .valider:focus,
form input[type=submit], form input[type=submit]:hover, form input[type=submit]:focus,
form input[type=image], form input[type=image]:hover, form input[type=image]:focus{
	border:0;
	background:#66333D;
	outline:0;
	margin:0;
	font-size:14px;
	font-weight:bold;
	color:#fff;
	cursor:pointer;
}
.btnAP{
	margin-left:25px;
	float:right;
}
#homeOK{
	background:none;
}

form input[type=submit]:hover, form input[type=submit]:focus{
	color:#000;
	background:#999;
}

/************* module occasion *********************/
#filtreOccasion .groupe{
	position:relative;
	padding-bottom:20px;
}

#filtreOccasion label[for=mini], #filtreOccasion label[for=maxi]{
	display:none;
}

#filtreOccasion input[type=text]{
	width:50px;
	text-align:center;
	border:0;
	background:transparent;
	/*position:absolute;*/
}

#filtreOccasion h3{
	font-size:13px;
	font-weight:normal;
}

.ui-buttonset #mini, .ui-buttonset #maxi{
	/*top:40px;*/
}
/*--------------------------------------------*/
@media screen and (max-width: 1024px) {
	#formContact #valider, .asterisque{
		margin-left:20%;
	}
	
	#formContact p input#cp {
		margin-right: 59px;
		width: 100px;
	}
	#formContact p input {
		width: 25%;
	}
	.abonnements #Vnumerique, .livres #Vnumerique, #Vpapier, #Vnumerique {
		width: 50%;
	}
	.livres form p {
		width:100%;
	}
	.hors-serie form p {
		width: 100%;
	}
}
@media screen and (max-width: 750px) {
	input, select, textarea {
		width:48%;
	}
	input#homeOK{
		width:8%;
	}
	p label {
		width:45%;
	}
	#formContact p input, #formContact p select, #formContact p textarea {
		width:98%;
	}
	#formContact p label{
		width:98%;
	}
}
@media screen and (max-width: 480px) {

	#Vnumerique {
		width: 50%;
	}
	input#papier{
		width: 10%;
	}

	input#numerique{
		width: 10%;
	}

}