/*Réinitialisation du style du navigateur*/
* {box-sizing:border-box;}
/*Macros*/
@charset "UTF-8";
@counter-style ordre-alpha-min{
	system: fixed;
	symbols: a b c d e f g h i j k l m n o p q r s t u v w x y z;
	suffix:" ";
}
@counter-style ordre-romain-min{
	system: fixed;
	symbols: i ii iii iv v vi vii viii ix x xi xii xiii xiv xv xvi xvii xviii xix xx xxi xxii xxiii xxiv xxv xxvi;
	suffix:" ";
}
@counter-style ordre-alpha-maj{
	system: fixed;
	symbols: A B C D E F G H I J K L M N O P Q R S T U V W X Y Z;
	suffix:" ";
}
@counter-style ordre-romain-maj{
	system: fixed;
	symbols: I II III IV V VI VII VIII IX X XI XII XIII XIV XV XVI XVII XVIII XIX XX XXI XXII XXIII XXIV XXV XXVI;
	suffix:" ";
}
/*Style du corps du texte*/
body{
	margin:0 0 0 0;
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-color:white;
	text-align:center;
	color:black;
}
@media(max-width:750px)
{
	div.container{
		display:flex;
		flex-direction:column;
		justify-content:space-between;
		align-items:stretch;
	}
	div.content-item{
		flex-grow:1;
		flex-shrink:1;
		flex-basis:100%;
	}
	div.inav{order:4;}
	div.iheader{order:3;}
	div.iarticle{order:5;}
	div.ifooter{order:7;}
	div.inav2{order:6;}
	div.iboutonconnexion{order:1;}
	div.ilogo{order:2;}
}
@media(min-width:751px)
{
	div.container{
		display:grid;
		grid-template-columns:1fr 3fr 1fr;
		grid-template-areas:"nom7 nom2 nom6""nom1 nom3 nom5""nom4 nom4 nom4";
	}
	div.inav{grid-area:nom1;}
	div.iheader{grid-area:nom2;}
	div.iarticle{grid-area:nom3;}
	div.ifooter{grid-area:nom4;}
	div.inav2{grid-area:nom5;}
	div.iboutonconnexion{grid-area:nom6;}
	div.ilogo{grid-area:nom7;}
}
.container>div{padding:0 10% 0 10%;box-sizing:border-box;}
div.ilogo{text-align:center;vertical-align:middle;}
div.ilogo,.iboutonconnexion,#header{background-color:yellow;}
div.inav,.inav2{background-color:navy;text-align:center;}
div.iarticle{background-color:rgb(75,75,255);overflow:scroll;}
#footer{
	background:#e9edee;
	color:black;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10pt;
}
input#connexion-compte,input#creation-compte,#connexion,#deconnexion,#creation,#envoyer,#validationFormulaireBlog{color:white;}
#bandeTitre{
	font-family:Arial, Helvetica, sans-serif;
	font-style:italic;
	font-weight:bold;
	font-size:12pt;
	text-align:left;
}
code{text-align:justify;font-family:Courier New;font-size:12pt;color:yellow;}
h1,#bandeTitre,.listeLexique{color:black;}
h2{font-weight:bold;font-size:25pt;}
p,h2,h3,h4,h5,h6,.texteNavigationBlog,.titre{color:yellow;}
p.paragrapheText{text-align:justify;font-size:12pt;}
p.signature{text-align:right;}
.info,.news{font-size:13pt;}
ol,ul{color:yellow;text-align:justify;}
ul.niveau1>li{list-style-type:disc;}
ul.niveau2>li{list-style-type:circle;}
ul.niveau3>li{list-style-type:square;}
span.italique,em{font-style:italic;}
span.gras,strong{font-weight:bold;}
span.soulignement{text-decoration:underline;}
span.barre{text-decoration:line-through;}
span.equation{color:yellow;}
.Partie{font-size:24pt;}
.Section{font-size:22pt;}
.Subsection{font-size:20pt;}
.Subsubsection{font-size:18pt;}
.Subsubsubsection{font-size:16pt;}
.Subsubsubsubsection{font-size:14pt;}
.Subsubsubsubsubsection{font-size:12pt;}
.Subsubsubsubsubsubsection{font-size:12pt;}
.Subsubsubsubsubsubsubsection{font-size:12pt;}
a:link{color:fuchsia;}
a:hover{color:red;}
a:visited{color:darkorange;}
figcaption,caption{text-align:center;}
figcaption.attachment__caption{color:yellow;}
img{color:yellow;max-width:100%}
table,td,th,tr{
	color:yellow;
	/*Début - Centrer le tableau*/
	margin-left:auto;
	margin-right:auto;
	/*Fin - Centrer le tableau*/
	border:2px solid yellow;
	border-collapse:collapse;
	border-spacing:5px;
	border-width:2px;
	text-align:center;
	vertical-align:middle;
	font-size:100%;
}
#titrePage{color:black;font-weight:bold;font-size:30pt;}
p.paraRequete{text-align:justify;}
p.dateRequete{text-align:right;}
p.article{text-align:justify;}