body {	font-family: arial, helvitca, san-serif;
        font-size: 15px;
        background-color: #ccc;
        line-height: 140% ;	}

header, section, footer, aside, nav, main, article, figure { display: block; }

#wrapper {margin: 0px auto; width: 960px;  }
#wrapper2 {display: block; margin: 0px auto; width: 960px; border: solid 1px #000; background-color: #ccc; }
#wrapperpix {margin: 0px auto; width: 960px; height: 850px; background-color: #ccc; }

header { text-align: center; width: 960px; height: 100px; border: 1px solid #000;  
	     background-color: #ccc; margin: 5px auto 5px auto; }

img { padding: 0px 5px 0px 5px }

footer::before { content: "Photos Copyright  2025 Leo Touchet - All rights reserved"; }
footer { clear: both; width: 100%; height: 30px; text-align: center; font-style: italic; margin: 5px 0px 5px 0px;  }

.center {text-align: center; }

article.dark {width: 100%;  background-color: #d7d7d7;    }
article {width: 100%; text-align: center; margin: 12px auto 12px auto; }

.ptext235 { text-align: left; width: 235px; margin: 12px auto 12px auto; }
.ptext245 { text-align: left; width: 245px; margin: 12px auto 12px auto; }
.ptext250 { text-align: left; width: 250px; margin: 12px auto 12px auto; }
.ptext255 { text-align: left; width: 255px; margin: 12px auto 12px auto; }
.ptext260 { text-align: left; width: 260px; margin: 12px auto 12px auto; }
.ptext500left { text-align: left; width: 500px; margin: 12px auto 12px auto; }
.ptext500center { text-align: center; width: 500px; margin: 12px auto 12px auto; }
.ptext600center { text-align: center; width: 600px; margin: 12px auto 12px auto; }
.ptext600left { text-align: left; width: 600px; padding: 12px auto 12px auto; margin: 12px auto 12px auto; }
.ptext600justify { text-align: justify; width: 600px; margin: 12px auto 12px auto; }
.ptext700left { text-align: left; width: 700px; padding: 12px auto 12px auto; margin: 12px auto 12px auto; }
.ptext700 { text-align: justify; width: 700px; margin: 12px auto 12px auto; }
.ptext800 { text-align: justify; width: 800px; margin: 12px auto 12px auto; }
.ptext800 { text-align: justify; width: 800px; margin: 12px auto 12px auto; }
.ptext800left { text-align: left; width: 800px; margin: 12px auto 12px auto; }

	
.txt12ss {font-size: 12px; }
.txt10ss {font-size: 10px; }

.lineht50 {line-height: 50%; }

.txt14 {font-size: 14px; } 

.txt16 {font-size: 16px; } 
.txt16b {font-size: 16px; font-weight: bold; } 
.txt18 {font-size: 18px; } 
.txt18b {font-size: 18px; font-weight: bold; }
.txt20 {font-size: 20px; }
.txt24 {font-size: 24px; }
.txt24b {font-size: 24px; font-weight: bold; } 
.txt30 {font-size: 30px; }
.txt30b {font-size: 30px; font-weight: bold; } 
.txt48 {font-size: 48px; } 
.txt54 {font-size: 54px; } 
.txt60 {font-size: 60px; } 

a:link {color: #0000ff; text-decoration: none; }
a:hover {color: #00ff00; text-decoration: none; }
a:active {color: #ff0000; text-decoration: none; }
a:visited {color: #0000ff; text-decoration: none; }

li a:link {color: #0000ff; text-decoration: none;  }
li a:hover {color: #00ff00; text-decoration: none; }
li a:active {color: #ff0000; text-decoration: none; }
li a:visited {color: #0000ff; text-decoration: none;  }
 

h1 {font-size: 30px; }
h2 {font-size: 24px; }
h3 {font-size: 20px; }
h4 {font-size: 18px; }
h5 {font-size: 16px; }
h6 {font-size: 12px; } 

ul {
  text-align: center; 
  font-size: 15px;
  list-style-type: none;
  margin: 0px; 
  padding-left: 75px;
  overflow: hidden;
  background-color: #ccc; }

li a {
  display: inline;
  color: #000;
  text-align: center;
  text-decoration: none;   }
  
li {  float: left;  
      padding-left: 30px;  }   
      
li img {
  display: block;
  color: #000;
  text-align: center;
  padding: 2px 0px 0px 0px;
  text-decoration: none;   }