div.espaceAbonnes div#aboFini, div.espaceAbonnes div#nonConnecte{max-width: 85%;font-family: 'Bariol', Arial;}
/*** éléments forms ***/
#editSociete, #editUser, #editPassword, #addUser, #newAbo, #addFlux{display: none; margin-top: 35px;}

#content input {border: 1px solid #bfcbc4; border-radius: 3px; padding: 0.5% 1%; background-color: #eae7e7; min-height: 20px;}
	#content input.error{border-color: #F00; color: #900;}
#content input[type="submit"]{background-color: #EE7F00; border-radius: 3px; color: #FFFFFF; cursor: pointer; font-family: 'Bariol',Arial; font-size: 16px; font-weight: normal; padding: 0 1%; text-transform: uppercase; border: 0;}

#content .monCompte input[type="text"] { width: 98%; padding: 1%;}
	#content #editSociete input#adresse { width: 99%; padding: 0.5%;}
	
#content #editUser table, #content #editPassword table{width: 610px; font-size: 14px;}
#content form#editPassword input[type="submit"]{float: left; width: 28%;}

#content div.abonnes input[type="submit"].deleteUser{background: none; border: 0 none; color: #EE7F00; font-family: 'Helvetica',Arial; font-weight: bold; text-decoration: underline; text-transform: capitalize; font-size: 14px;}


div.error, div.validation{ margin: 20px auto; width: 550px; text-align: center;}
div.error{ color: #900;}
	div.errorTop{width: 100%;}
div.error span{ font-weight: normal;}
#content input.error{border: 2px solid red;}

div.validation{color: #53a805;}

#newAbo table td, #editUser table td, #editPassword table td, #addUser table td { padding: 5px;
}
						
/*******
*************/
	.optionAbonne { margin-top: 15px;
	}
		.optionAbonne a, a.annuler { font-weight: bold; font-size: 14px;
		}
	
	#contentPage h1 { display: block; width: 60%; background-color: #ee7f00; padding: 5px 2%; font-family: 'Rockwell',Arial; text-transform: uppercase; font-size: 34px; color: #fff; margin: 0 0 30px 0;
	}
		#content { border-right: 2px solid #bdbbbb;
		}
			#content .monCompte a { color: #e97f00;
			}
			#content .monCompte .recap { background-color: #eeeaeb; padding: 2%; margin-bottom: 4%;
			}
				#content .monCompte .recap h3 { color: #000; font-family: 'Rockwell', Arial;
				}
				#content .monCompte #editSociete { margin: 0 0 40px 0;
				}
					#content .monCompte #editSociete table { width: 650px;
					}
						#content .monCompte #editSociete table td { padding: 5px;
						}
						
			#content .monCompte .admin { margin-bottom: 4%; padding-bottom: 3%; border-bottom: 3px solid #dedede;
			}
				#content .monCompte .admin h3 { color: #000; margin-bottom: 1%; font-family: 'Rockwell', Arial;
				}
				#content .monCompte .admin table { width: 100%;
				}
					#content .monCompte .admin table td { text-align: left; width: 40%;
					}
					#content .monCompte .admin table td.vide { width: 20%;
					}
			#content .monCompte .abonnes { margin-bottom: 4%;
			}
				#content .monCompte .abonnes h3 { color: #000; font-family: 'Rockwell', Arial;
				}
				#content .monCompte .abonnes .abonne { display: inline; width: 300px; padding: 13px; float: left;
				}
			#content .monCompte .ajoutUser { background-color: #e97f00; text-transform: uppercase; display: inline; font-family: 'Bariol', Arial; text-align: center; padding: 1% 0;
			}
				#content .monCompte .ajoutUser a { color: #FFF; text-decoration: none; padding: 1.5% 4%;
				}
					#content .monCompte .ajoutUser a span { padding-left: 1.5%; font-size: 25px; font-weight: bold;
					}
			#content .monCompte .user { margin-bottom: 4%; padding-bottom: 10%; border-bottom: 3px solid #dedede;
			}
				#content .monCompte .user h3 { color: #000; margin-bottom: 1%; font-family: 'Rockwell', Arial;
				}
				#content .monCompte .user table { width: 100%;
				}
					#content .monCompte .user table td { text-align: left; width: 30%;
					}
					#content .monCompte .user table td.vide { width: 40%;
					}
			#content .monCompte .societe {
			}
				#content .monCompte .societe h3 { color: #000; margin-bottom: 1%; font-family: 'Rockwell', Arial;
				}
				#content .monCompte .societe table { width: 100%;
				}
					#content .monCompte .societe .detailsSte, #content .monCompte .societe .adminUser { vertical-align: top; width: 43%; background-color: #eeeaeb; padding: 2%; text-align: left;
					}
					#content .monCompte .societe .vide { width: 6%;
					}
		
		#content .mesAbos{
		}
			#content .mesAbos .liste h3{margin: 5px 0;
			}
			#content .mesAbos div.expiration, #addFlux div.nouvelAbo{ margin: 30px 0 40px 30px;
			}
				#content .mesAbos div.renewAbo, #content .mesAbos div.addFlux{background-color: #E97F00; display: inline; font-family: 'Bariol',Arial; padding: 1% 0; text-align: center; text-transform: uppercase;
				}
					#content .mesAbos div.renewAbo a, #content .mesAbos div.addFlux a{color: #FFFFFF; padding: 1.5% 4%; text-decoration: none;
					}
				#content .mesAbos .margin { height: 35px;
				}
		
				#newAbo a.annuler{font-weight: bold; text-decoration: underline; color: #e97f00;}
				#newAbo input[type="submit"]{background-color: #EE7F00; border-radius: 3px; color: #FFFFFF; cursor: pointer; font-family: 'Bariol',Arial; font-size: 16px; font-weight: normal; adding: 0 1%; text-transform: uppercase;
				}
				#newAbo input#dateAbo{width: 265px;}
			div.ui-datepicker-header a.ui-datepicker-prev, div.ui-datepicker-header a.ui-datepicker-next{display: block; float: left; width:40%; text-decoration: underline; color: #E97F00; cursor: pointer;
			}
			div.ui-datepicker-header a.ui-datepicker-prev{text-align: left; padding-left: 5%;
			}
			div.ui-datepicker-header a.ui-datepicker-next{text-align: right;
			} 
			div.ui-datepicker-header a.ui-state-disabled{text-decoration: none; color: #999999; cursor: auto;
			}
		div.ui-datepicker-title{clear: both;
		}
			div.ui-datepicker-title select{width: 40%;
			}
			div.ui-datepicker-title select.ui-datepicker-month{margin-right: 5%;
			}
			div.ui-datepicker-title select.ui-datepicker-year{margin-left: 5%;
			}
		table.ui-datepicker-calendar{width: 250px;}
			table.ui-datepicker-calendar td a{color: #000000; text-decoration: none;
			}
			table.ui-datepicker-calendar td a:hover{color: #E97F00;
			}
		
		/* s'abonner à d'autre flux */
		#content .mesAbos #addFlux button{ display: block; margin: 20px 0;
		}
			#content #addFlux .fluxPerso{margin: 25px 0;
			}
				#content #addFlux .fluxPerso a{color: #e97f00; text-decoration: none; font-weight: bold;
				}
			
		#content .mesFactures {
		}
			#content .mesFactures table { width: 100%;
			}
				#content .mesFactures td { color: #000; text-align: center; border-right: 1px solid #d9d8d4; padding: 0 1%; vertical-align: middle;
				}
				#content .mesFactures td:last-child { border: 0;
				}
				#content .mesFactures tr.top td { color: #000; margin-bottom: 1%; font-family: 'Rockwell', Arial; text-align: center; font-weight: bold;
				}
				#content .mesFactures td.link { 
				}
					#content .mesFactures td.link a { color: #ee7f00; text-decoration:none;
					}
					#content .mesFactures td.link a:hover{text-decoration: underline;
					}
						#content .mesFactures td.link a img { margin-right: 5%;
						}
						#content .mesFactures td.link a span { position: relative; top: -5px;
						}
			#content #telechargerCGV { margin-top: 6%;
			}
				#content #telechargerCGV a { color: #ee7f00; text-decoration: none;
				}
				#content #telechercherCGV a:hover{text-decoration: underline;
				}
					#content #telechargerCGV a img { margin-right: 1%;
					}
					#content #telechargerCGV a span { position: relative; top: -5px;
					}
						#content #telechargerCGV a span:hover{text-decoration: underline;}

		#aside .menu { text-transform: uppercase; font-family: 'Rockwell', Arial; padding: 1.5% 0 1% 3%; margin-bottom: 1%; font-size: 18px; font-weight: bold;
		}
			#aside .menu a { color: #000; text-decoration: none;
			}
		#aside .menu.actif { background-color: #e97f00;
		}
			#aside .menu.actif a { color: #FFF;
			}
		#aside .menu:hover { background-color: #e97f00;
		}
			#aside .menu:hover a { color: #FFF;
			}

/* mes abonnements */
#content div.mesAbos h3{background: none;}

@media screen and (max-width: 1300px) {
	#content .mesFactures table { font-size: 14px;
	}
}