<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body {
	background-color: gray;
	font-family: georgia;
	font-size: 14px;
}

header, nav, #main, footer {
	background-color: white;
	color: gray;
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

nav li {
	display: inline;
	background-color: gray;
	color: white;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 10px;
	}

nav a:link, nav a:visited {
	color: white;
	text-decoration: none;
}

nav a:hover, nav a:focus, nav a:active {
	color: white;
	border-top: solid 1px white;	
}
	
footer {
	font-style: italic;
	text-align: right;
	padding-bottom: 0px;
}

h1 {
	text-align: center;
}

table {
	border: 3px solid black ;
	border-collapse: collapse ;
	margin: auto;
}

caption {
	font-size: 20px ;
}

th, td {
	border: 1px solid black ;
	width: 120px ;
}

table img {
	width: 50px ;
}

fieldset {
	width: 30% ;
}

label {
	display:block ;
}

input {
	border-radius: 5px ;
}

#smartphone img {
	width: 150px ;
}

#blocAccueil {
	width: 100%;
	height: 340px;
}

#blocAccueil img {
	width: 450px;
	float: left;
}

#blocAccueil p {
	width: 400px;
	float: right;
	padding-left: 50px;
	padding-right: 80px;
	padding-top: 100px;
	font-style: italic;
}

.image240 {
	text-align: center;
}

.image240 img{
	width: 240px;
}

.image50 img{
	width: 50px;
}

.blocPhotos h2 {
	padding-left: 15px;
}

.blocPhotos img {
	width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	border: 0px;
}

.blocVisites h2 {
	padding-left: 15px;
	color: blue;
	border-bottom: solid 1px gray;
}

.blocVisites p {
	float: left;
	width: 600px;
	padding-left: 15px;
}

.blocVisites img {
	float: right;
	width: 300px;
	padding-left: 15px;
	padding-right: 15px;
	border: 0px;
}

.clear { 
	clear: both; 
}

.centrer {
	text-align: center ;
	margin: auto ;
}</pre></body></html>