body{background: url("https://tessellations-nicolas.com/images/nicofond.png") repeat; font-family: arial, sans-serif; font-size: 14px;}

strong{font-weight:bold}

#header{background-image: url("https://tessellations-nicolas.com/images/entete.png"); width: 864px; height: 195px; margin: auto; margin-top: 30px; border: 4px #BE970A outset; font-weight: bold;}

#clipdrapeauuk{background-image: url("https://tessellations-nicolas.com/images/clipdrapeauuk.png"); float: left; width: 67px; height: 40px; margin: 20px 0 0 30px; border-top: 3px #F7B234 solid; border-bottom: 3px #F7B234 solid; border-left: 3px #F7B234 solid;}
#clipdrapeauuk:hover{background-image: url("https://tessellations-nicolas.com/images/clipdrapeauuklum.png");}
#clipdrapeaufr{background-image: url("https://tessellations-nicolas.com/images/clipdrapeaufr.png"); float: left; width: 67px; height: 40px; margin: 20px 0 0 0; border-top: 3px #F7B234 solid; border-bottom: 3px #F7B234 solid; border-right: 3px #F7B234 solid;}
#clipdrapeaufr:hover{background-image: url("https://tessellations-nicolas.com/images/clipdrapeaufrlum.png");}

h1{color: #D7E6F3; font-size: 33px; margin: 4px 0 0 200px; width: 465px; text-align: center; text-shadow: 3px 3px 5px black; position: absolute;}
#titreheader{color: #F7B234; font-size: 10px; margin: 38px 0 0 200px; width: 465px; text-align: center; position: absolute;}
h2{color: #D7E6F3; font-size: 29px; margin: 48px 0 0 200px; width: 465px; text-align: center; text-shadow: 3px 3px 5px black; position: absolute;}

#compteur{position: absolute; width: 120px; height: 40px; border: 3px #F7B234 solid; margin: 20px 0 0 695px; padding-left: 15px; font-size:12px;}

#boutons{font-weight: bold; float: left; margin-top: 10px; margin-left: 4px;}
#intro, #comments, #method, #escher, #puzzles, #links, #guest, #me, #aperiodic, #staging, #humans, #animals {background-image: url("https://tessellations-nicolas.com/images/boutonmoyenbleu.png"); float: left; width: 206px; height: 29px; margin: 10px 0 -3px 9px;}/*Image et dimensions boutons*/
#intro:hover, #comments:hover, #method:hover, #escher:hover, #puzzles:hover, #links:hover, #guest:hover, #me:hover, #aperiodic:hover, #staging:hover, #humans:hover, #animals:hover {background-image: url("https://tessellations-nicolas.com/images/boutonmoyenrouge.png");}/*Survol bouton*/
#intro a, #comments a, #method a, #escher a, #puzzles a, #links a, #guest a, #me a, #aperiodic a, #staging a, #humans a, #animals a {position: absolute; text-align: center; width: 208px; color: black; text-decoration: none; padding: 7px 0 10px 0; font-size: 11px;}/*Texte*/
#intro a:hover, #comments a:hover, #method a:hover, #escher a:hover, #puzzles a:hover, #links a:hover, #guest a:hover, #me a:hover, #aperiodic:hover, #staging a:hover, #humans a:hover, #animals a:hover {color: blue;}/*Survol texte*/
#intro, #puzzles, #aperiodic{margin-left: 3px;}

		/*		#new{position: absolute; margin: 12px 0 0 443px;}		*/

#section{background: url("https://tessellations-nicolas.com/images/fondbleu.png") repeat; width: 864px; height: 650px; margin: auto; margin-top: 30px; border: 4px #BE970A outset; text-align: justify;}	/*margin-top: 30;*/

		/*		#sectione{background: url("https://tessellations-nicolas.com/images/fondbleu.png") repeat; width: 864px; height: 2060px; margin: auto; margin-top: 30px; border: 4px #BE970A outset;}
#sectionf{background: url("https://tessellations-nicolas.com/images/fondbleu.png") repeat; width: 864px; height: 2180px; margin: auto; margin-top: 30px; border: 4px #BE970A outset;}		*/
	
#titreavenir{float: left; width: 864px; text-align: center; color: yellow; text-shadow: 3px 3px 5px black; font-size: 30px;}
#textebientot{width: 864px; text-align: center; color: white; font-size: 20px;}

#nicolas{float: left; margin: 400px 0 0 310px;}

#footer{background-image: url("https://tessellations-nicolas.com/images/fondpied.png"); width: 864px; height: 136px; margin: auto; margin-top: 30px; border: 4px #BE970A outset; font-size: 12px;}
#webmaster{float: left; width: 150px; height: 53px; margin: 35px 0 0 23px; background-color: #e7d2e3; border: 4px #BE970A solid;}
#webmaster p{text-align: center; margin-top: 4px; color: #125fa3; font-size: 12px;}
#logohtml{float: left; margin: 35px 0 0 20px; border: 4px #BE970A solid;}
#ccopyright{float: left; width: 150px; height: 53px; margin: 35px 0 0 20px; background-color: #e7d2e3; border: 4px #BE970A solid;}
#ccopyright p{text-align: center; margin-top: 4px; color: #125fa3; font-size: 12px;}
#copyright{float: left; width: 130px; height: 50px; margin: 35px 0 0 20px; padding: 1px 0 2px 20px; background-color: #e7d2e3; border: 4px #BE970A solid;}
#logocss{float: left; margin: 35px 0 0 20px; border: 4px #BE970A solid;}
#email{float: left; width: 150px; height: 53px; margin: 35px 0 0 20px; background-color: #e7d2e3; border: 4px #BE970A solid;}
#email p{text-align: center; margin-top: 4px; color: #125fa3; font-size: 12px;}