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

body{
	background-image: url("../img/bg.png");
	background-position: top right;
	background-repeat: no-repeat;
}
img{
	border: none;
}

a{
	outline: 0 none;
}

h1{
	margin: 0px;
	font-weight: normal;
	font-size: 18px;
	margin-bottom: 24px;
}
h1 b{
	font-family: Arial;
	color: #D7381E;
}

.bg_white{
	background-color: #FFF;
	color: #000;
}
.bg_whitey{
/*
	background-color: #F4F3EF;
*/
}

#logo img{
	-moz-border-radius: 24px;
	border-radius: 24px;
}

#main{
}

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

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

#col_droite{
	position: absolute;
	top: 58px;
	margin-left: 195px;
	text-align: left;
}

/*
#col_droite a{
	color: #EC2526;
}
*/

#menu{
	font-family: Arial;
	font-size: 13px;
	padding-right: 16px;
}
#menu ul{
	list-style: none;
	padding: 0px;
	text-align: right;
}
#menu > ul > li{
	margin-top: 8px;
}
#menu  ul > li{
	color: #333;
	text-decoration: none;
	height: 18px;
}
#menu ul ul {
	padding-bottom: 8px;
}
#menu ul a{
	color: inherit;
	text-decoration: none;
	color: #888;
}
#menu ul a:hover{
	color: #444;
}

#menu > ul > li.current{
	font-weight: bold;
	font-size: 15px;
}

#photos {
	width: 620px;
	margin-top: 0px;
}
#photos img{
	display: block;
	margin-bottom: 16px;
	border: 5px solid #BBBBBB;
}
#info{
/*
   position: fixed;
	top: 135px;
	left: 770px;
*/
	color: #333;
	min-width: 140px;
	width: 140px;
	padding-left: 12px;
}

#info h2{
	margin: 0px;
	font-size: 15px;
}
#info strong{
	color: #333;
	font-size: 15px;
	text-shadow: #222 1px 1px 2px;
}
#info a, #about a{
	display: block;
	color: #333;
	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;
	letter-spacing: auto;
}

.crop_full{
	background-color: #BBBBBB;
}

.crop_full img{
	display: block;
}
.img_full img{
	border: 5px solid #BBBBBB;
}
.img_crop img{
	border: 5px solid #BBB;
	border-style: solid none none solid;
}
.img_crop tr:last-child img{
	border-bottom:  5px solid #BBB;
}
#info_img{
	position: absolute;
	font-size: 20px;
	top: 32px;
}


.agenda{
	width: 500px;
}
.mosaic{
	width: 100%;
}

.box{
	clear: both;
}
.infobox{
	display: block;
	padding: 10px 24px;
	background-color: #E34F1D;
	color: #FFF;
}
.infobox h1{
	margin-bottom: 0px;
	margin-top: 4px;
}
.index_table img{
	display: block;
}
.index_table .box {
	margin: 0px 8px 8px 0px;
}
.prog{
	background-color: #E0DFDA;
}

.index_table a, .prog a{
	color: #1B1B1B;
}
.prog_line img{
	display: block;
}
.infobox a{
	text-decoration: none;
	color: #222;
}