html, body {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
}

html {
    background-color: #EEE;
}

body {
	min-width: 318px;
	max-width: 1024px;
	width: 100%;
	margin: auto;
	border-style: solid;
	border-width: 0 1px 1px 1px;
	border-color: #CCC;
	font-size: 14px;
	color: #444;
    background-color: #FFF;
}

abbr, acronym {
	cursor: help;
}

abbr, acronym, a, a[name]:hover {
	text-decoration: none;
}

a {
	color: #9f0b2d;
}

a:hover {
	text-decoration: underline;
}

a[name] {
	color: inherit;
}

fieldset {
	border: 1px solid #EEE;
	margin: 1em 0;
}

legend, #revues .archive, #article .lien_additionnel i, #article .lien_additionnel b {
	color: #888;
}

#article .lien_additionnel .fa {
	font-size: 1.5em;
}

#en_haut {
	display: none;
	color: #9f0b2d;
	background-color: #FFF;
	z-index: 100;
	position: fixed;
	bottom: 0;
	right: 0;
	margin: 0;
	padding: 0.1em;
	border: 1px solid #EEE;
}

#en_haut:hover, #deconnexion:hover, #deconnexion:focus, #imprimer:hover, #imprimer:focus {
	cursor: pointer;
	color: #FFF;
	background-color: #9f0b2d;
}

#entete, #echec {
	text-align: center;
	font-family: sans-serif;
}

#entete h1, #entete h2, #entete h3 {
	margin: 0 0 8px 0;
	font-weight: 400;
}

#entete h1 {
	font-family: 'Anton';
	font-size: 1.75em;
}

#entete h2, #page h2, #page h3 {
	font-family: 'Roboto Condensed';
	font-size: 1.5em;
}

#entete h3, #page h4, #page h5 {
	font-family: 'Open Sans';
	font-size: 1em;
}

#page h2, #page h3, #page h4, #page h5 {
	margin: 0;
	line-height: 1.3em;
	padding-top: 0.5em;
}

#menu, #menu2, #annees {
	list-style-type: none;
	padding: 0;
}

#menu, #menu2, #page {
	font-family: 'Amiri', serif;
}

#menu2 li, #annees li {
	float: left;
	margin: 0 5px 0 0;
}

#menu li, #menu2 li, #annees li {
	font-variant: small-caps;
	font-weight: bold;
}

#menu, #menu2 {
	height: 32px;
	line-height: 32px;
}

#menu li {
	width: 174px;
	letter-spacing: 0.2em;
}

#menu2 li {
	width: 160px;
}

#menu li, #menu2 li {
	height: 32px;
	text-align: center;
}

#menu2 li {
	border-left: 1px solid #CCC;
	border-right: 1px solid #CCC;
	margin-bottom: 4px;
}

#menu .deux, #menu2 .deux {
	line-height: 16px;
}

#menu .icone, #menu #drapeau {
	width: 32px;
	border: 0;
}
	
#menu .icone {
	background-color: #CCC;
	font-size: 1.5em;
	letter-spacing: 0;
}

#menu .icone a {
	color: #FFF;
}

#menu .icone a:hover, #menu .icone a:focus, #menu2 #rdoi button:hover, #rss:hover {
	color: #9f0b2d;
}

#menu #drapeau img:hover, #numeros .numero img:hover {
	opacity: 0.7;
}

#menu2 {
	margin-left: 7px;
}

#menu2 #rdoi {
	width: 170px;
	border: 0;
}

#menu2 #rdoi input {
	width: 100px;
	letter-spacing: -0.07em;
}

@media (min-width: 1025px) {
	#menu {
		display: block;
		z-index: 0;
	}

	#barres {
		display: none;
	}

	#menu li {
		float: left;
		margin: 0 5px 0 0;
		border-left: 1px solid #CCC;
		border-right: 1px solid #CCC;
		margin-bottom: 4px;
	}
	#menu2.rabougri {
		padding-left: 160px;
	}
}

@media (min-width: 800px) and (max-width: 1024px) {
	#menu2.rabougri {
		padding-left: 80px;
	}
}

@media (max-width: 1024px) {
	#entete {
		margin: 0 64px;
	}

	#menu {
		display: none;
		background-color: #FFF;
		z-index: 100;
		position: absolute;
		top: 0;
		left: 70px;
		margin: 0;
	}

	#barres {
		display: block;
		position: absolute;
		top: 0;
    	left: 0;
		color: #000;
		background-color: #CCC;
		padding: 0 0.15em;
	}

	#barres:hover {
		color: #9f0b2d;
	}

	#menu li {
		border-top: 1px solid #FFF;
		background-color: #CCC;
		padding: 8px 0;
	}

	#menu .icone, #menu #drapeau {
		float: left;
		width: 58px;
		box-shadow: 0 2px 4px #888;
	}

	#menu li+li+li+li {
		clear: left;
	}

	#menu li a:hover, #menu li a:focus {
		text-decoration: none;
		color: #FFF;
		letter-spacing: 0.15em;
	}
}

#numeros h2 {
	float: left;
	margin-right: 0.25em;
	padding-top: 0;
}

#rss {
	color: #CCC;
}

#annees li {
	margin-bottom: 17px;
}

#annees li a {
	border: 1px solid #9f0b2d;
	border-radius: 8px;
	padding: 4px 8px;
}

#annees #nouveau+li {
	clear: left;
}

#annees #nouveau a {
	border: 0;
}

#annees li a:hover, #annees li a:focus {
	background-color: #9f0b2d;
	color: #FFF;
	text-decoration: none;
}

#annees #nouveau a:hover, #annees #nouveau a:focus {
	background-color: inherit;
	color: #9f0b2d;
	text-decoration: underline;
}

.fantome {
	clear: both;
	visibility: hidden;
}

#page {
	padding: 0 7px;
	line-height: 1.5em;
	border-bottom: 3px double #EEE;
	font-size: 1.15em;
}

#presentation_revue p, #regles_ethiques p {
	text-align: justify;
	text-indent: 2em;
}

#presentation_revue .fa {
	text-indent: 0;
}

#presentation_revue ul {
	list-style-position: inside;
}

#presentation_revue blockquote {
	margin-left: 4em;
}

#image_revue {
	float: left;
	margin: 0 24px 12px 0;
	width: 250px;
}

#image_revue, #couverture {
	text-align: center;
	max-width: 33%;
	background-color: #FFF;
}

#image_revue img, #couverture img {
	box-shadow: 0 0 4px #888;
	max-width: 96%;
}

#couverture {
	float: right;
	margin: 0 0 12px 12px;
	width: 300px;
}

.groupe {
	list-style: none;
	font-weight: bold;
	margin-top: 0.5em;
	margin-left: -1.5em;
}

.fin_groupe {
	margin-top: 1.5em;
}

#numeros h3, #archives h3 {
	clear: left;
	font-size: 1.2em;
}

#portail h4, #archives h4 {
	letter-spacing: 0.1em;
	font-variant: small-caps;
}

#portail h3, #portail h4, #archives h4 {
	display: inline-block;
}

#portail ul.liste, #archives ul.liste {
	list-style: none;
}

#portail li, #archives li, #portail .presentation, #archives .presentation {
	clear: both;
}

#portail .presentation, #archives .presentation {
	padding: 0 2%;
	border-bottom: 1px solid #ccc;
}

#portail .presentation p, #archives .presentation p {
	text-align: justify;
}

#portail li[lang="en"], #archives li[lang="en"] {
	font-style: italic;
}

#portail .affiche, #archives .affiche {
	float: left;
	margin-right: 2em;
}

#portail .s_abonner {
	float: right;
	line-height: 2.5em;
}

#numeros .numero {
	float: left;
	text-align: center;
	width: 100px;
}

#numeros .numero a {
	font-size: 1.1em;
}

#numeros .numero img {
	border: 1px solid #CCC;
}

#regles_ethiques, #contacts, #comite_revue, #consignes, #cgv_revue, #article, #presentation_revue, #mes_abonnements, #portail, #archives {
	padding: 0 5%;
}

#regles_ethiques h2, #connexion h2, #portail #commentaire_archive, #archives #commentaire_archive {
	display: none;
}

#regles_ethiques .fa {
	display: inline;
}

#regles_ethiques ul {
	list-style-type: square;
}

#regles_ethiques li {
	padding-top: 8px;
}

#regles_ethiques #remarque {
	font-variant: small-caps;
	padding: 4px 0;
}

#connexion .field, #connexion button {
	margin-left: 5%;
}

#connexion button {
	width: 300px;
	clear: both;
	margin-top: 1em;
}

#connexion button:hover, #connexion button:focus {
	color: #3F9DCC;
	font-weight: bold;
}

#identification label.main {
	width: 180px;
}

#aide_memoire label.main {
	width: 90px;
}

#connexion .error {
	width: 280px;
	margin-left: 10px;
}

#connexion input {
	font-size: 1.1em;
	padding-left: 0.5em;
	font-family: 'Open Sans', sans-serif;
}

#identification input {
	width: 120px;
}

#aide_memoire input {
	width: 210px;
}

#montre_voir .fa {
	font-size: 1.25em;
}

#identification .icon, #identification .invalid .icon, #aide_memoire .icon, #aide_memoire .invalid .icon {
	visibility: hidden;
}

#identification .valid .icon, #aide_memoire .valid .icon {
	visibility: visible;
}

#mes_abonnements #coordonnees {
	padding-left: 40px;
}

#mes_abonnements #mon_ip, #mes_abonnements #adresses_ip {
	font-family: Cousine, monospace;
	font-size: 0.9em;
}

#mes_abonnements #adresses_ip {
	list-style-type: square;
}

#mes_abonnements #revues {
	list-style-type: circle;
}

#mes_abonnements #revues li {
	margin-bottom: 0.5em;
}

#mes_abonnements #revues li b {
	font-family: Roboto Condensed;
}

noscript p {
	font-style: italic;
	font-size: 0.9em;
	text-align: right;
	clear: both;
	margin: 0;
	padding-top: 0.5em;
}

#erreur {
	color: #DE0F3F;
	font-weight: bold;
	letter-spacing: 0.15em;
}

.note, .lien_additionnel a {
	color: #3F9DCC;
}

.lien_additionnel a {
	font-variant: small-caps;
}

#erreur, .note {
	margin: 0 0 0 6%;
}

noscript p, #erreur, .note {
	font-family: 'Roboto Condensed', sans-serif;
}

#mes_abonnements h2 {
	float: left;
}

#deconnexion, #imprimer {
	float: right;
	padding: 0.5em;
}

.bibliographie, .citations {
	max-height: 200px;
	overflow: auto;
	border: 1px solid #DDD;
	margin: 0.5em 0;
	padding: 0 1em;
}

.bibliographie hr {
	width: 20%;
	border-width: 0.5px;
}

.citations p i {
	display: none;
}

#pied {
	margin-bottom: 54px;
}

#recherche_doi {
	white-space: nowrap;
}

#logo {
	background-color: #9f0b2d;
	padding: 4px 0;
	height: 32px;
}

#lavoisier {
	height: 49px;
	float: left;
}

#revuesonline {
	height: 29px;
	float: right;
}

#lavoisier:hover {
	margin: 1px 0 0 1px;
}

#revuesonline:hover {
	margin: 1px 1px 0 0;
}