/*	101 - PROJET_P51 - CSS - NICOLET
    Auteur    : Mathis Nicolet
	Date début: 17.12.2019
	Date fin  : 15.01.2020
	Page CSS du site internet du projet P51*/
	
html{
	background-image :url(./images/fond.jpg) ;
}
body {
	font-family: Helvetica, Arial, sans-serif;
	color: #3F1F00;
}	
p{	
 text-align: justify;	
}
article{
	border-left: 9px solid #F2F2ED;
	border-right: 9px solid #F2F2ED;
}

.page{
	margin-top: 2cm;
	margin-left:1.5cm;
	margin-right: 1.5cm;
	margin-bottom: 2cm;
	background-color: #F2F2ED;
	border-left : 9px solid #3F1F00;
	border-right : 9px solid #3F1F00;
}
.contenu{
	
	border-right: 18px solid #F2F2ED;
	border-left: 18px solid #F2F2ED;
	border-bottom: 18px solid #F2F2ED;
	
}
.sectionEntete{
	border-top: 9px solid #3F1F00;
	border-bottom: 9px solid #3F1F00;
}
.entete{
	border-bottom: 9px solid #3F1F00;
}
.piedDePage{
	background-color:#3F1F00;
	border-right : 18px solid transparent;
	border-top : 18px solid transparent;
	border-bottom : 18px solid transparent;
}
.mail{
	color: #FFFFFF;
	text-decoration: none;
}
.paraPDP{
	color : #F2F2ED;
	font-size : 10pt;
	text-align : right;
	font-style : italic;
}

.droite{
	text-align: right;
}
.centre	{
	display: block;
    margin-left: auto;
    margin-right: auto 
}
.imgArticle{
	float: right;
	border-left: 18px solid #F2F2ED;
	border-bottom: 9px solid #F2F2ED;
	width : 400px;
	height : 400px
}
.imgEntete{
	text-align:right;
	width: 720px ;
	height: 247px ;
}

/*ICI TOUT CE QUI COMPOSE LE MENU DE NAVIGATION*/
.barreNav{
	list-style-type: none;
	margin: 0;
	padding: 0 ;
	overflow: hidden;	
	background-color: #3F1F00;
}
.barreNavRight{
	float: right;
}
.barreNavLeft {
    float: left;
}
li a {
    display: block;
	color: #F2F2ED;
	text-align: center;
    padding: 8px;
	text-decoration: none;
    background-color: #3F1F00;
}
li a:hover {
    background-color: #893C40;
}
.active {
    background-color: #659610;
}
/* ICI LES STYLES DU GLOSSAIRE */

.lettre{
	text-align : center;
	color : #893C40 ;
	border-top : 18px solid #F2F2ED;
}
.mot{
	color : #659610;
	font-style : italic;
}
.bordureGlo{
	border-left : 72px solid #F2F2ED;
	border-right : 72px solid #F2F2ED;
	border-top : 27px solid #F2F2ED;
	border-bottom : 27px solid #F2F2ED;
}
.texteGlo {
	border-left : 18px solid #F2F2ED;
}
.nda{
	font-style : italic;
	font-size : 8pt;
	text-align : center;
	border-bottom: 36px solid #F2F2ED;
	border-top: 36px solid #F2F2ED;
}

.listeGlo{
	list-style-type:none;
	border-bottom : 36px solid #F2F2ED;	
}
.listGlo2{
	margin-left:2px;
}
.listeGlo3{
	display:block;
	float : left ; 
	width: 20px;
	background-color: #659610;
	color: #3F1F00;
	text-align:center;
	padding:5px;
	border:1px solid #3F1F00;
	border-radius: 20px;
	margin:1px ;
	font-size: 14pt;
}
.listeGlo3:hover{
	background-color:#893C40;
	border-color: #3F1F00 #DCDCDC #DCDCDC #3F1F00;
}
.navGlo {
	margin: 0 auto;
	width: 500px;
	border-bottom: 18px solid #F2F2ED;	
	}