* {
  margin: 0px;
  padding: 0px;
}

html {
  height : 100%;
  margin: 0px;
  padding: 0px;
}

body {
  background: black;
  font-size: 14px;
  height: 100%;
  margin : 0px;
  padding: 0px;
  font-family: sans-serif;
}

#photo {
  display: block;
  float: right;
  margin: 0px 10px 10px 10px;
  border: solid 1px black;
  padding: 0px;
  background: black;
}

#photo {
  display: block;
  float: right;
  margin: 0px 10px 10px 10px;
  border: solid 1px black;
  padding: 0px;
  background: white;
}



.titre {
  clear: none;
  height: 225px;
  margin  : 10px 425px 10px 10px ;
  padding: 20px;
  border: solid 1px black;
  background: white;
}

.titre2 {
  clear: none;
  height: 155px;
  margin  : 10px 435px 10px 10px ;
  padding: 20px;
  border: solid 1px black;
  background: #FF8000;
 
}



.titre3 {
  clear: none;
  height: 155px;
  margin  : 10px 635px 10px 10px ;
  padding: 20px;
  border: solid 1px black;
  background: white;
}

.titre4 {
  clear: none;
  height: 155px;
  margin  : 10px 785px 10px 10px ;
  padding: 20px;
  border: solid 1px black;
  background: white;
}

.titre5 {
  clear: none;
  height: 155px;
  margin  : 10px 335px 10px 10px ;
  padding: 20px;
  border: solid 1px black;
  background: blue;
}


.titre6 {
  clear: none;
  height: 155px;
  margin  : 10px 535px 10px 10px ;
  padding: 20px;
  border: solid 1px black;
  background: white;
}


.titre7 {
  clear: none;
  height: 155px;
  margin  : 10px 285px 10px 10px ;
  padding: 20px;
  border: solid 1px black;
  background: #FF8000;
}


.bloc8 {
  clear : none;
  margin: 0px 10px 10px 10px;
  height = 100%;
  padding: 20px;
  border: solid 1px black;
  background: #18922F;
}


.bloc9 {
  clear : none;
  margin: 0px 10px 10px 10px;
  height = 100%;
  padding: 20px;
  border: solid 1px black;
  background: #B423BF;
}


pc {
  height:155px;
  line-height:155px;
  text-align:center; /* centrage horizontal */
}


li {
  margin: 4px 0px;
}

h3 {
  font-size: 24px;
  color: #20293F;
  margin-bottom: 20px;
}

a {
  color: #0000FF;
  font-weight: bold;
  text-decoration: none;
}

a span.author {
  font-weight: normal;
}

a span.publi {
  font-weight: bold;
}

a:hover {
  text-decoration: none;
}

.adresse  {
  margin: 20px;
  font-style: italic;
  line-height: 24px;
}

.section  {
  margin: 10px 40px ;
  line-height: 16px;
}

.titresection  {
  font-size: 16px;
  margin: 30px 20px 0px ;
  font-weight: bold;
  line-height: 16px;
}