@charset "utf-8";
/* CSS Document */
html, body {
   min-height: 100dvh ;
}
body {
    display: flex;
    flex-direction: column;
	width:1000px ;
	margin:0 auto ;
	background:#F3F3F3 ;
    font-family: 'Trebuchet MS', Arial, sans-serif;
	font-size: 0.9em;
    color: #181818;
	overflow-x:hidden ;
}
#corps {
	background-color:white ;
	color:black ;
	flex:1 ;
}
h1 {
	font-size: 16px;
	font-weight: 500;
	margin:0 ;
	padding:0 ;
}
li {
	list-style:square ;
}
.avant {
	display:flex ;
	align-items: center ;
	padding-top:50px ;
	margin-left:20px ;
	font-size:16px ;
	font-style:italic ;
}
#cle {
	width:20px ;
	margin-right:5px ;
}
#tori {
	display:block ;
	width:600px ;
	margin:auto ;
	margin-top:95px ;
	margin-bottom: 30px ;
	box-shadow: 0 2px 8px rgba(0,0,0,0.22);
}
.bloc1 {
	border:solid red 0px ;
	display:table ;
	width:450px ;
	margin:0 auto ;
	margin-top:70px ;
}
.connexionc {
	display:table-cell ;
	border: solid rgb(100, 100, 100) 1px ;
	font-size: 18px ;
	width: 200px ;
	height:35px ;
	text-align:center ;
	vertical-align:middle ;
	background-color:#0080C0 ;

}
.creationc {
	display:table-cell ;
	float:right ;
	/* Pour que vertical align fonctionne avec float il faut ajouter line-height */
	line-height:35px ;
	border: solid rgb(100, 100, 100) 1px ;
	font-size: 18px ;
	width: 200px ;
	height:35px ;
	text-align:center ;
	vertical-align:middle ;
	background-color:#0080C0 ;
}
a {
	text-decoration:none ;
}
a .connexionc, a .creationc {
	color:white ;
}
a:hover .connexionc, a:hover .creationc {
	text-decoration:none ;
	background-color:#015681 ;
	cursor:pointer ;
}
#pub1 {
	width:728px ;
	margin:auto ;
	margin-top:60px ;
	margin-bottom:20px ;
	border:solid black 1px ;
}