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

body {
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 0.8em;
	height:100%;
	background-image:url(bgg.png);
	background-repeat:repeat-y;
	background-position: 10%;
	margin-left:10%;
	padding-left:13px;
	padding-right:10%;
	margin-top:0;
}
/* Style du header */ 
#header {
	margin: 0;
	background: #cccccc;
	background-color: #99ccff;
	height:85px;
}
#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: #dddddd;
	z-index: 100;
	min-height:100%;
	background-image:url(bgd.png);
	background-color:#4E616F;
	background-repeat:repeat-y;
	background-position:right;
	padding-right:14px;
}

#content {
	padding:10px;
	background: #dddddd;
}
#content p{
	text-align: justify;
	margin:1em;
}

#content h2 {
  border-bottom: 2px solid #99bbcc;
  font-family: Georgia,"Times New Roman",Times,serif;
  line-height: 0.9em;
  font-style: oblique;
  text-align: left;
  color: #666666;
  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%;
}

/* Le bloc photo et coordonnées */ 
#myId{
	float: right;	
	border-right:200px;
	padding:0;
	background: #dddddd;
	display:inline-block;
}

#myId img {
	border: 1px solid #666666;
	margin: 10px 10px 0px 20px;
	padding: 0.8em;
	background: #efefef;
}
#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: #99bbcc; 
	width: 100%; 
	text-align: center; 
	font-size: 0.9em; 
	color: rgb(51, 51, 51);
}
hr.overflow {
  visibility: hidden;
  clear: both;
}