/**
* style du blog et de la page perso
* @file style.css
* @author G.PARIS
*/
body {
  background-image: url("paven.png");
  background-color: white;
  color: black; }

header {
  height: 100px;
  background-repeat: no-repeat;
  text-align: center; }

nav, footer, #corps {
  box-shadow: 0px 0px 9px 0px gray;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  text-align: center;
  background-image: url("square_bg.png");
  background-color: #fefefe; }

nav {
  margin: 5px;
  margin-left: 108px;
  margin-top: 5px;
  font-weight: bold;
  font-size: large;
  font-family: 'Trebuchet MS';
  padding: 1px; }

#menuLogiciel {
  margin: 5px;
  margin-left: 108px;
  margin-top: 5px;
  font-weight: bold;
  font-size: large;
  text-align: center;
  font-family: 'Trebuchet MS';
  background-color: #fefefe;
  padding: 1px;
  list-style-type: none; }

#menuLogiciel li {
  display: inline; }

#headMenu {
  background-image: url("./blog/menuBack.png"); }

#corpsOverf {
  height: 500px;
  overflow: auto;
  border: 2px solid gray;
  margin: 5px;
  margin-left: 2px;
  font: large Tahoma;
  background-color: #fefefe;
  text-align: center; }

#corps {
  margin: 5px;
  margin-left: 108px;
  font: large Tahoma; }

footer {
  margin-left: 108px;
  margin-right: 5px;
  margin-bottom: 5px;
  clear: both;
  font: small 'Century Gothic';
  overflow: hidden; }

h1 {
  text-align: center;
  font: xx-large Tahoma; }

table {
  margin: auto;
  text-align: left; }

td {
  padding: 2px; }
  td p {
    text-align: justify;
    text-indent: 20px; }

.explication {
  cursor: help;
  font-style: italic; }

.enCV {
  display: none; }

img {
  border: none; }

#photoG {
  float: left;
  width: 200px;
  margin: 10px; }

#photo {
  width: 200px;
  margin: 10px;
  float: left; }

#photoD {
  width: 200px;
  margin: 10px; }

ol li {
  margin-bottom: 20px; }

ul {
  margin: 0; }
  ul li {
    margin-bottom: 0; }

.news {
  margin: 20px;
  border: 1px solid grey;
  padding: 0;
  text-indent: 20px;
  text-align: left; }

.infoNews {
  font: italic small Verdana;
  background-image: url("fondPar.png");
  background-repeat: repeat-x; }

.colphoto td {
  width: 350px; }

a {
  color: #1096ff;
  text-decoration: none; }
  a:hover {
    color: #81c8ff;
    /*eclaircir au survol*/ }
  a:active {
    background-color: #FFCC66;
    /* Quand le visiteur clique sur le lien */ }

.news a {
  color: #1096ff; }

h2, th {
  background-image: url("header.gif");
  background-repeat: repeat-x;
  margin: 0; }

th {
  font-size: x-large;
  height: 40px;
  text-shadow: 0 1px 0 #FFFFFF;
  padding-left: 30px; }

#map {
  width: 500px;
  height: 500px;
  border: 3px inset #999999;
  margin: auto;
  margin-bottom: 10px; }