@charset "UTF-8";
html  { 
height:100%;;
}

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	height:100%;
	background-colour:#DDDDDD;
	background-repeat:repeat-y;
	background-position: 10%;
	margin-left:0;
	padding-left:0;
	padding-right:0;
	margin-top:0;
}
/* Style de la barre de navigation */
#nav 
{
   margin:0 0 15px 0;
   padding:0;
   background:#444444 repeat-x;
   float:left;
   width:100%;
   border:3px solid #000000;
   border-width:1px 0;
}

#nav a:link, #nav a:visited 
{
   color:#000;
   background:#DDDDDD;
   padding:20px 40px 4px 10px;
   float:left;
   width:auto;
   border-right:3px solid #000000;
   text-decoration:none;
   font:bold 1.3em/1.3em Verdana,Arial, Helvetica, sans-serif;
   text-transform:uppercase;
   text-shadow: 2px 2px 2px #555;
}    

#nav li 
{
   display:inline;
   padding:0;
   margin:0;
}

#nav li:first-child a 
{
   border-left:3px solid #000000;
}

#nav a:hover 
{
   color:#DDDDDD;
   background:#888888;
}
            
/* Style du header */ 
#header {
	margin: 0;
	background: #888888;
	color: #000000;
	height:95px;
	padding-top:5px;
	border:3px solid #000000;
}
#header h1 {
	margin: 0 0 0px 10px;
}
#header h2 {
	margin: 0 0 0px 10px;
}
#header h3 {
	margin: 0 0 0px 10px;
}
#header a {
	text-decoration: none;
	color: black;
}

/* Style du contenu */ 
#main {
	background: #444444;
	z-index: 100;
	min-height:100%;
	background-color:#444444;
	background-repeat:repeat-y;
	background-position:right;
	padding-right:0;
	padding-left:45px;
}

#content {
	padding:10px;
	background: #dddddd;
	border-bottom:3px solid #000000;
	border-right:3px solid #000000;
	border-left:3px solid #000000;
}
#content p{
	text-align: justify;
	margin:1em;
}


#content h1 {
  font-family: Georgia,"Times New Roman",Times,serif;
  line-height: 1.2em;
  text-align: left;
  color: #000000;
  margin-right: 100px;
  margin-top:20px;	
}
#content ul {
	margin-right: 20px;
}
#content li {
	margin: 0.5em 1em;
}


#content table {
	width:100%;
}
#content tr {
	vertical-align: top;
}

#content td {
	  width:30%;
}

#hide {
display:none;
background:#dddddd;
}

/* Le bloc photo et coordonnées */ 
#myId{	
	float: left;
	padding:0;
	background: #444444;
	display:inline-block;
	border: 3px solid #000000;
}

#myId img {
	border: 1px solid #000000;
	margin: 15px 15px 0px 15px;
	padding: 0.8em;
	background: #000000;
}
#myId dl {
  margin: 0em;
  padding: 1em;

}
#myId dt {
  border-bottom: 1px solid #888888;
  margin: 0em 0.2em 0em 0em;
  font-family: Georgia,"Times New Roman",Times,serif;
  font-size: 1.1em;
}
#myId dd {
  margin: 0em 0.2em 0em 0em;
  font-size: 1em;
}


/* Le pied de page */ 
#bottom {
	background-color: #444444; 
	width: 100%; 
	text-align: center; 
	font-size: 0.9em; 
	color: rgb(51, 51, 51);
}
hr.overflow {
  visibility: hidden;
  clear: both;
}