.backOpacity {
  background:rgba(255,0,0,0.7);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#C0000000,endColorstr=#C0000000)\9
}
.ie9 .backOpacity { filter:none; }

body { background:#fff url(../images/fond.jpg) no-repeat top center; background-size:cover; }

#top, #menu, #content, #bottom {
  position:relative;
  width:960px;
  margin:0 auto;
  text-align:left;
}

#borderTop{ border:2px solid #755b32; border-top:0; border-bottom:0; height:5px; line-height:0; background:#755b32; width:960px; margin:95px auto 0; }
#top { background:rgba(255,255,255,0.8) url(../images/top.png) top center no-repeat; height:177px;  border:2px solid rgba(255,255,255,0.2); border-top:0; border-bottom:0; }
#Logo { position:absolute; top:20px; left:55px; }

#bienvenue { color:#fff; background:#755b32; right:112px; position:absolute; top:0; height:31px; line-height:31px; font-size:12px; padding:0 10px; }
 #deconnect { color:#000; background:#755b32; right:112px; position:absolute; top:0; height:31px; line-height:31px; font-size:12px; padding:0 10px; }
#bienvenue { font-weight:normal; }
#bienvenue span { font-weight:bold; }
#deconnect { right:5px; background:none; }

#comment { position:absolute;top:110px;right:15px;text-align:right; }

#menu { background:#ccc url(../images/menu.jpg) repeat-x bottom; border:2px solid rgba(255,255,255,0.2); border-top:0; border-bottom:0; }
#menu li { position:relative; left:10px; }


#content { background:#fff; border:2px solid rgba(255,255,255,0.2); border-top:0; border-bottom:0; }
#LeftCol {
  position:relative;
  float:left;
  width:272px;
	left:20px;
	margin:10px 0;
}
#RightCol {
  position:relative;
	float:left;
	left:35px;
  width:627px;
  padding:0 0 10px;
	border-left:1px solid #333;
}
#RightCol2 { 
	padding-left:40px;
}

#TitrePage, #LeftCol { font-family:'EB Garamond' }





#bottom { background:#755b32; height:8px; }