html{
height:100%
}

header {
/*height:110px;*/
height:121px;
}

.banniere
{
	background:Grey;
	position:absolute ;
    	top: 0;
    	left: 0;
/*	height:110px ;*/
	height:121px;
    	width:100% ;
/*    	margin-bottom: 20px;*/
	padding-bottom: 10px;
	z-index: 2;
}



body {
	font-family: Georgia,Arial,Helvetica,sans-serif;
	font-size: 1em;
	background: RGB(240,240,240);
}


.content {
	background: RGB(240,240,240);
  position: absolute;
/*  right: 350px; CHANGED*/
  right:28%;
  left:15%;
/*  left: 152px;CHANGED*/
	color:Black;
}

h2 {
	text-align:center;
	color: Gray;
	border: 1px solid Gray;
}


/* Navigation */ 


.menu {
	background:Grey;
	margin-top:0em;
	position: absolute;
/*	top: 110px;*/
	top:0px;
	left: 0%;
/*	padding: 1em;Changed*/
/*	width: 120px;Changed*/
	width: 15%;
	height:100%;
}

.menu_txt {
/*	margin-top:135px;changed*/
/*	margin-top:200px;try to change*/
	margin-top: 100%;/* doesn't work great when zooming*/
/*	position: absolute;try to change*/
	text-align:center;
/*	left:7px;Changed*/
/*	left:15%;try to change*/
}

 html>body .menu {
  position: fixed;
	z-index: 1;
}





/* Liens hypertextes */ 


a {
 text-decoration:none;
 color:Sienna;
}

.HiddenLink
{
	text-decoration:none;
}

.BlankLink
{
	color:Black;
	text-decoration:none;

}

.GrayLink
{
	color:Gray;
	text-decoration:none;

}


/* Les boutons */ 



Button3{
	font-family: Arial,sans-serif;
	text-align: center;
/*	padding: 5px;CHANGED*/
	padding: 5%;
	border-style: double;
	display: block;
/*	width: 120px;CHANGED*/
/*	width:100%;Try to change*/
	margin: 0% 5%; /* replaces all the 'try to change'*/
/*	font-size: 1.6em;CHANGED*/
	font-size:160%; /*doesn't help !*/
	color: #000;
/*	background: White;
	background: -webkit-linear-gradient(RGB(255,220,220), White)
	background: -moz-linear-gradient( RGB(255,220,220), White);
	background: -ms-linear-gradient(RGB(255,220,220), White);
	background: -o-linear-gradient( RGB(255,220,220), White);
	background: linear-gradient( RGB(255,220,220), White);*/
	background: RGB(230,230,230);
	text-shadow: 0px 1px 0px rgba( 255, 255, 255, 0.2);
	text-decoration:none;
	color:#A0522D;
}



Button3:hover{
	color: #222;
	background: #F0F0F0 ;
/*	border-style: solid;
	border-width:1px;*/
/*	border-color: Black;*/
	background: -webkit-linear-gradient( RGB(255,200,200), RGB(230,230,230));
	background: -moz-linear-gradient( RGB(255,200,200), RGB(230,230,230));
	background: -ms-linear-gradient( RGB(255,200,200), RGB(230,230,230));
	background: -o-linear-gradient(RGB(255,200,200), RGB(230,230,230));
	background: linear-gradient( RGB(255,200,200), RGB(230,230,230));
	text-decoration:none;
	color:white;
}


Button3:active{
	color: #000;
	background: #444;
	background: -webkit-linear-gradient( #555, #2C2C2C);
	background: -moz-linear-gradient( #555, #2C2C2C);
	background: -ms-linear-gradient( #555, #2C2C2C);	
	background: -o-linear-gradient( #555, #2C2C2C);
	background: linear-gradient( #555, #2C2C2C);
	box-shadow: 1px 1px 10px black inset, 0 1px 0 rgba( 255, 255, 255, 0.4);
	text-decoration:none;
	color:white;
}

/* Le bloc photo et coordonnées */ 



/*#myId{
	float: right;	
	border-left:200px;
	padding:0;
	background: Grey;
	color:White;
	display:inline-block;
}*/


#myId {
	background:Grey;
	margin-top:0em;
	position: absolute;
	right: 0%;
	text-align: center; /* Added recently*/
/*	padding: 15px;Changed*/
/*	width: 320px;Changed*/
	width: 28%;
	top: 120px;
	height:100%;
	z-index: 2;
}

#myId img {
	border: 1px solid #666666; 
/*	border: 1px solid Red;*/
/*	margin: 20px 10px 10px 40px;Changed*/
/*	margin: 5% 5% 5% 17%;Replaced by text-align above, still need to adjust top margin*/
	margin: 10%;
/*	padding: 10px;*/
	padding: 3%;
	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 0.4em; /*0.4 was 0*/
  font-size: 1em;
  text-align:left; /*Added to balance text-align center above*/
}

.IDBackground {
	background: Grey;
	margin-top:0em;
	position: absolute;
	right: 0%;
/*	padding: 15px;Changed*/
	width: 28%;
/*	top: 120px;*/
	top: 0%;
	height:100%;
}

html>body .IDBackground {
  position: fixed;
	z-index: 1;
}



/* Affiliation */ 

.affiliation {
margin-left: 0%;
/*margin-right: 313px;*/
margin-top:2px;
background:RGB(230,230,230);
border-style:solid;
border-width:2px;
border-color:Red;
font-size:1.5em;
font-weight:bold;
}


/* Description */ 

.description {
margin-left: 2%;
margin-right: 2%;
}


/* 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;
}