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: 2450px; margin: auto; margin-top: 30px; border: 4px #BE970A outset; text-align: justify; color: white;}	/*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;}		*/
	

h3{color: #D7E6F3; font-size: 33px; text-align: center;}
#escher-bureau-photo{ float: left; margin: 0 0 0 296px;}
#texteescher1{float: left; width: 720px; text-align: justify; margin: 30px 0 0 70px;}
#escher-8-tetes-photo{ float: right; margin: 35px 70px 0 0;}
#texteescher2{float: left; width: 420px; text-align: justify; margin: 30px 0 0 70px;}
#texteescher3{float: right; width: 420px; text-align: justify; margin: 30px 70px 0 0;}
#texteescher4{float: right; width: 420px; text-align: justify; margin: 40px 370px 0 0;}
#escher-castro-photo{ float: left; margin: 15px 0 0 70px;}

#escher-miroir-photo{ position: absolute; margin: 840px 70px 0 580px;}

#escher-lezards-photo{ float: left; margin: 30px 0 0 70px;}
#texteescher5{float: right; width: 420px; text-align: justify; margin: 30px 70px 0 0;}
#escher-jour-nuit-photo{  position: absolute; margin: 1410px 70px 0 350px;}

#texteescher6{float: left; width: 220px; text-align: justify; margin: 30px 300px 0 70px;}
#texteescher7{float: right; width: 420px; text-align: justify; margin: 40px 70px 0 0;}
#escher-concave-photo{ float: right; margin: 50px 85px 0 0;}
#texteescher8{float: left; width: 420px; text-align: justify; margin: 40px 300px 0 70px;}

#escher-serpents-photo{ position: absolute; margin: 1940px 70px 0 575px;}


#nicolas{float: left; margin: 100px 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;}