html {
    overflow-y: scroll;
}
body,html{
	height: 100%;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	font-family: Arial;
	font-size: 12px;
}
img{
border: none;
}

a{
	outline: 0 none;
}

.bg_gray{
	background-color: #444;
	color: #AAA;
}

#main{
/*
	margin: auto;
*/
/*
	width: 938px;
*/
}

#col_gauche #logo{
	text-align: right;
	margin-top: 24px;
}

#col_gauche{
	position: absolute;
	top: 10px;
/*
	left: 0px;
*/
	width: 160px;
	text-align: right;
	padding-left: 8px;
}

#col_droite{
	position: absolute;
	top: 160px;
	margin-left: 192px;
	text-align: left;
}

#menu_b{
	margin: auto;
	width: 100%;
	position: absolute;
	top: 0px;
	background-color: #222;
	padding: 8px 0px;
	font-weight: bold;
	text-transform: uppercase;
}

#menu_b ul{
	padding-left: 32px;
	margin: 0px;
	padding: 0px;
}
#menu_b li{
	display: inline;
	margin: 0px 4px;
	padding: 0px;
}
#menu_b a{
	color: #2089F3;
	text-decoration: none;
}
#menu_b .current{
	color: #EEE;
}
#menu{
	font-family: Arial;
	font-size: 13px;
}
#menu ul{
	list-style: none;
	padding: 0px;
	text-align: right;
}
#menu ul li{
	padding: 12px 0x 12px 12px;
}
#menu ul a{
	color: inherit;
	text-decoration: none;
	color: #BBB;
}
#menu ul a:hover{
	color: #FFF;
	text-shadow: #2089F3 0px 0px 3px;
}
#menu ul li {
	color: #2089F3;
	text-decoration: none;
}
#menu ul li.current{
/*
	background-color: #2089F3;
	color: #444;
*/
	font-weight: bold;
	font-size: 17px;
	text-shadow: #222 1px 1px 2px;
}

#photos {
	width: 620px;
	margin-top: 6px;
}
#photos img{
	display: block;
	margin-bottom: 16px;
	border: 5px solid #666;
}
#info{
/*
   position: fixed;
	top: 135px;
	left: 770px;
*/
	top: 0px;
	position: absolute;
	left: 584px;
	color: #CCC;
	min-width: 140px;
	width: 140px;
	padding-right: 8px;
}
#info strong{
	color: #2089F3;
	font-family: Arial;
	font-size: 15px;
	text-shadow: #222 1px 1px 2px;
}
#info a, #about a{
	display: block;
	color: #F38320;
	font-family: Arial;
	font-weight: bold;
	text-decoration: none;
	font-size: 16px;
	margin-top: 32px;
	text-shadow: #111 1px 1px 2px;
}
#info p:first-child{
	margin-top: 0px;
	margin-bottom: 32px;
	line-height: 20px;
	font-size: 14px;
	color: #DDD;
	letter-spacing: auto;
}

#tags{
	position: absolute;
	top: 56px;
	margin-left: 189px;
	height: 92px;
	padding-right: 32px;
	width: 555px;
/*
	width: 550px;
*/
/*
	width: 215px;
	padding: 12px 24px 19px 42px;
	background-image: url('../img/bulle.png');
*/
}
#tags a{
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	text-decoration: none;
	color: #434343;
	background-color: #777;
	display: inline-block;
	float: left;
	font-weight: bold;
	vertical-align: bottom;
/*
	text-transform: uppercase;
*/
	padding: 3px 5px;
	margin: 0px 3px 6px;
}
#tags a.tagged{
	background-color: #CCC;
}
#tags a:first-child{
	font-size: 35px;
}
#tags a.selected{
	background-color: #2089F3;
}

#tags a:hover{
	background-color: #F38320;
}
#about{
	width: 480px;
	padding: 40px;
	margin-top: 6px;
	background-color: #222;
}
#about h1{
	font-size: 24px;
	color: #2089F3;
	margin: 0px;
}
#about .carte{
	color: #111;
	width: 100%;
}
.debug{
	position: fixed;
	bottom: 24px;
	right: 24px;
	color: #444444;
	background-color: rgba(200,200,200,0.5);
	padding: 8px;
	display: none;
}