@font-face{
	font-familly:"Jellika Gare De Chambord"; 
	src:url(images/Gare_de_Chambord.ttf);
}

*{
	font-family:Tahoma, Geneva, sans-serif;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
}
a:link, a:hover, a:visited, a:active{
	text-decoration:none;
	color:#000;
}
img{
	border:none;
}
.bottom, .site{
	text-align:justify;
	width:900px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
}
body{	
	background:#FFF;
}
html, body.front{
	margin:0px;
}
body.front{
	background:#FFF url(images/motif.jpg);
}
.body{
	text-align:center;
	padding:10px;
}
table, td{
	border:none;
	vertical-align:top;
}

.bottom {
	background-color: #E20019;
	padding:30px;
	padding-top:10px;
	padding-bottom:10px;
	width:730px;
	_width:790px;
}
.online{
	text-align:left;
	background:#3B2615 url(images/bgfond.jpg) repeat-x bottom left;
	width:1000px;
	margin-right:auto;
	margin-left:auto;
	position:relative;
	box-shadow: 0px 1px 9px #000;
	-moz-box-shadow: 0px 1px 9px #000;
    -webkit-box-shadow:0px 1px 9px #000; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=3);
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#bnd{
	position:relative;
	margin:0px;
}
#bandeau{
	position:relative;
	margin:0px;
}
#bandeau img{
	vertical-align:top;
}
#son{
	position:absolute;
	right:10px;
	top:-35px;
}
#langues{
	position:absolute;
	right:40px;
	top:-30px;
}
#syndic{
	position:absolute;
	width:217px;
	height:71px;
	background:url('images/facebook.jpg') no-repeat center center;
	right:20px;
	top:65px;
}
#meteo{
	position:absolute;
	width:217px;
	height:71px;
	background:url('images/facebook.jpg') no-repeat center center;
	right:257px;
	text-align:center;
	top:65px;
}

#container{
	width:705px;
	min-height:246px;
	position:relative;
	background:#FFF;
	margin:5px;
	margin-top:53px;
	box-shadow: 0px 1px 9px #000;
	-moz-box-shadow: 0px 1px 9px #000;
    -webkit-box-shadow:0px 1px 9px #000; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=3);
}



#left{
	float:left;
}
#right{
	float:right;
	margin-right:60px;
}
#contenu{
	width:500px;
	padding-top:20px;
	padding-bottom:20px;
	margin-left:200px;
	letter-spacing:1px;
}
.titre{
	color:#963;
	font-weight:bold;
	font-size:13px;
}
.texte{
	color:#222;
	display:block;
	padding-left:10px;
	font-size:12px;
}
.totem{
	background:#FFF url(images/totem.png) no-repeat 120px 0px;
	width:220px;
	padding:5px;
	padding-top:15px;
	margin-bottom:5px;
	margin-left:10px;
	box-shadow: 0px 2px 3px #000;
	-moz-box-shadow: 0px 2px 3px #000;
    -webkit-box-shadow:0px 2px 3px #000; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=3);
}
#images {
	height: 146px ;
	overflow: hidden ;
	position: relative ;
}
#videoprojo {
	min-height: 431px ;
}
#cinema{
	position:relative;
	width:250px;
	min-height: 120px ;
}
#diaporama {
	position: absolute ;
	width: 220px ;
	height: 146px ;	
	overflow: hidden ;
}
#diaporama img {	
	position: absolute ;
}
#videos{
	min-height:100px;
}
#videos a {	
	overflow: hidden ;
	display: hidden ;
	position: absolute ;
	height: 100px ;
}


#contenu .noajax img{
	margin:4px;
	display: block ;
}
#contenu img{
	vertical-align:middle;
	margin: 4px ;
}
.flo {
	float: left;
	margin: 0 15px 15px 0 ;
}
.sousmenu{
	list-style-type:none;
	padding-left:0;
	margin-top: 50px
}
.sousmenu a:link, .sousmenu a:visited{
	background-color:#C68624;
	border-left:2px solid #4C3726;
	color:white;
	display:block;
	font-style:italic;
	margin:2px;
	width:185px;
	padding-left:1.5em;
}
.sousmenu a:active, .sousmenu a:hover{
	background-color:#4C3726;
	border-left:2px solid #C68624;
}
#sousmen span, #sousmen b  {
	background-color: #4C3726;
	border:1px solid #5A3E2C;
	padding:4px;
	text-transform:uppercase;	
	font-size:11px;

}
#sousmen{
	margin-bottom: 20px;
}
#sousmen span:hover, #sousmen b{
	border:1px solid #C68624;
}
#sousmen a:link, #sousmen a:visited{
	background-color: #4C3726;
	color:white;
	font-size:11px;
	font-weight:bold;
	padding:8px 4px;
	margin:0 4px 0 0;
	box-shadow: 1px 1px 9px #000;
	-moz-box-shadow: 1px 1px 9px #000;
    -webkit-box-shadow:1px 1px 9px #000;
}
#sousmen a:active, #sousmen a:hover, #sousmen b{
	color:#C68624;
	box-shadow: 1px 1px 12px #000;
	-moz-box-shadow: 1px 1px 12px #000;
    -webkit-box-shadow:1px 1px 12px #000;
}
#totem h4{
	display:inline;
	margin:3px;
	margin-left:13px;
	color:#FFF;
	font-size:12px;
}
#totem span{
	color:#C68624;
	font-weight:bold;
}
#marketing{
	margin-bottom:20px;	
	margin-left:11px;
}
#videoprojo{
	position:relative;
}
#videodiapo{
	position:relative;
	top:auto;
	left:auto;	
	
	transition-delay: 0;
	-moz-transition-delay: 0;
	-webkit-transition-delay: 0;
	-o-transition-delay: 0;

	transition-duration: 0.50s;
	-moz-transition-duration: 0.50s;
	-webkit-transition-duration: 0.50s;
	-o-transition-duration: 0.50s;

	-transition-property: position, top, left ;
	-moz-transition-property: position, top, left ;
	-webkit-transition-property: position, top, left ;
	-o-transition-property: position, top, left ;

	transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
	-moz-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
	-webkit-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
	-o-transition-timing-function: cubic-bezier(0, 0, 0.58, 1);
}

#ref{
	padding-left:11px;
	padding-top:21px;
	display:block;
	padding-bottom:31px;
	color:#FFF;
	font-weight:bold;
	height:25px;
	position:relative;
	vertical-align:bottom;
	font-size:11px;
}
#ref a{
	color:#C60;
}
#ref span{
	margin:0px;
	display:block;
	padding:0px;
	position:absolute;
	width:700px;
	left:11px;
	bottom:10px;
}
#footer{
	list-style:none;
	margin:0px;
	padding:0px;
	
}
#footer li{
	display: inline;
	padding-left:5px;
	padding-right:5px;
	color:#666;
}
#footer li *, #ref li a{
	color:#666;
	text-shadow:0px 1px 0px #000;
}
#footer li#nodogs{
	float:right;	
	margin-top:-3px;
}
#footer li a:hover, .MenuOn{
	color:white;
}
/*.MenuOn ul li a*/
#coord{
	color:#FFF;
	padding-right:11px;
	padding-bottom:11px;
	vertical-align:bottom;
}
#footer{
	background:#000;
	color:#666;
	padding:5px;
}
#actus{
	background:#FFF url(images/actu.jpg) no-repeat top left;
	position:relative;
	min-height:50px;
}
#actu_titre{
	display: block;
	margin-left: 13px;
	margin-top: 3px;	
}
.age_date{
	width:50px;
	padding:5px;
	float:left;
	margin:10px;
	margin-left:-5px;
	margin-top:-20px;
}
.age_jour{
	color:#c68624;
	font-weight:bolder;
	font-size:24px;
}
.age_moi{
	color:#3b2615;
	font-weight:bold;
	font-size:11px;
	margin-bottom:10px;
}
.age_texte{
	margin-left:60px;
	width:155px;
	display:block;
}
.age_texte ul{
	list-style:none;
	margin:0px;
	padding:0px;	
}
.age_texte ul li{
	display:block;
	margin:5px 0px;
	padding-left:20px;
	position:relative;
}
.age_texte ul li img{
	margin-left:-5px;
	max-height:30px;
}
.age_date ul{
	list-style:none;
	margin:0px;
	padding:0px;
}
.age_date ul li img{
	margin-top:5px;
	max-width:50px;
	_width:50px;
}
#files{
	width:500px;
	margin-top:10px;
}
#files a{
	display:inline-block;
	width:65px;
	height:50px;
	background:#FFF;
	color:#666;
	font-size:10px;
	padding:3px;
	border:#CCC 1px solid;
	box-shadow: 0px 2px 3px #000;
	-moz-box-shadow: 0px 2px 3px #000;
    -webkit-box-shadow:0px 2px 3px #000; 
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=180, Strength=3);
	position:relative;
}
#files a span{
	position:absolute;
	bottom:-5px;
	right:-7px;
	font-weight:bold;
	background:#C68624;
	color:#FFF;
	padding:3px;
	text-transform:uppercase;
}
.little{
	color:#C68624;
}
.first{
	font-family:"Jellika Gare De Chambord",Georgia, "Times New Roman", Times, serif;
	font-size:34px;
	font-weight:bold;
	margin-right:3px;
	text-transform:uppercase;
	margin-top:-5px;
	color:#4C3726;
	font-style:italic;
	float:left;
}
#rss, #newsletter, .orange{
	display:inline-block;
	background:#C68624;
	color:#FFF;
	font-weight:bold;
	font-size:12px;
	padding:3px;
	padding-right:10px;
	box-shadow: 1px 1px 12px #000;
	-moz-box-shadow: 1px 1px 12px #000;
    -webkit-box-shadow:1px 1px 12px #000;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
form{
	margin-top:10px;
}

#navl{
	position:absolute;
	top:60px;
	left:15px;
}
#navr{
	position:absolute;
	top:60px;
	right:15px;
}
#livre{
	display:none;
}
#livre,#posts div{
	color:#333;
	background:#F9F9F9;
	margin-top:10px;
	border:#C68624 1px solid;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	padding:10px;
}
#livre input[type=text], #livre textarea{
	width:420px;
	border:#333 2px inset;
	padding:3px;
	font-weight:bold;
	color:#333;
	margin:5px;
	margin-bottom:10px;
	display:block;
	border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
}
#livre textarea{
	height:50px;
}
#livre input[type=text][name=spam]{
	width:100px;
	font-size:14px;
	display:inline;
}
#livre input[type=image]{
	float:right;
}
#posts{
	
}

#posts div b{
	color:#C68624;
	font-size:10px;
}
#posts div p{
	margin:10px;
	font-size:14px;
	padding:0px;
	margin-left:10px;
	padding-left:10px;
	border-left:#CCC 1px dashed;
}
#posts div i{
	text-align:right;
	color:#666;
	display:block;
	width:480px;
}
a.vernissage{
}
a.vernissage img{
	position:relative;
	max-width:500px;
	_height:200px;
	top:0px;
	left:0px;
	opacity:0.5;
	zoom:0.8;
	transform:scale(0.8); 
	-moz-transform:scale(0.8); 
	-webkit-transform:scale(0.8); 
	-o-transform:scale(0.8); 
	
	transition-duration: 0.30s;
	-moz-transition-duration: 0.30s;
	-webkit-transition-duration: 0.30s;
	-o-transition-duration: 0.30s;
	
	transition-property:  transform, top, opacity ;
	-moz-transition-property: -moz-transform, top,opacity ;
	-webkit-transition-property: -webkit-transform, top, opacity;
	-o-transition-property: -o-transform, top, opacity;
	
	transition-timing-function: cubic-bezier(0, 1, 0, 2);
	-moz-transition-timing-function: cubic-bezier(0, 1, 0, 2);
	-webkit-transition-timing-function: cubic-bezier(0, 1, 0, 2);
	-o-transition-timing-function: cubic-bezier(0, 1, 0, 2);
}
a.vernissage:hover img{
	top:-5px;
	_left:-10px;
	opacity:1;
	zoom:1;
	transform:scale(1); 
	-moz-transform:scale(1); 
	-webkit-transform:scale(1); 
	-o-transform:scale(1);
}
/*******************************************************/
#menu{
	position:absolute;
	top:10px;
	left:0px;
	z-index:2000;
}
ul#menuliste{
	width:190px;
	list-style:none;
	font-size:16px;
	margin:0px;
	padding:0px;
}
ul#menuliste li{	
	z-index:400;	
	margin:0px;
	padding:0px;
}
ul#menuliste li a{
	display:block;
	position:relative;
	padding:5px;
	list-style:none;
	font-weight:bolder;
	background:#FFF;
	border:#EEE 1px outset;	
	border-bottom:#C68624 1px solid;
	margin:0px;
	text-transform:uppercase;
	box-shadow:#CCC 1px 1px 5px;	
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#CCCCCC', Direction=180, Strength=3);
	text-shadow:#999 0px 0px 2px;
	font-size:11px;
	color:#0f0a06;
	z-index:500;
	
}

ul#menuliste li a:hover{
	color:#C68624;
}
 ul#menuliste li a.MenuOn{
	color:#C68624;
	font-size:12px;
	padding:10px;
	margin:-5px;
	z-index:2000000;
}