body{


	color:#000;
	background-color:#929292;
	font-family: Verdana,Helvetica,Arial, sans-serif;
	font-size: 13px;
	position:relative;
	

}
div,h1,ul{
/*
border:1px solid #CCCCCC;
*/
}

a{
	color:#000;
	text-decoration:none;
}
a:hover{
	color:#F90;
}

div#page{

	margin:10px auto;
	width:980px;
	position:relative;
}

div#top{
	position:relative;
	border-bottom:1px solid #000;
	margin-bottom:24px;
	z-index:10;
	/*border:3px solid #CC0000;*/

}
h1{
	font-size:1.6em;
	font-weight:normal;
	margin:0;
	padding:0;
}

h2{

	font-size:1em;
	font-weight:normal;
	margin:0;
	padding:0;
	display:inline;

}

ul#menu{

	position:absolute;
	bottom:0;
	top:7px;
	right:0;
	margin:0;
	padding:0;

}
ul#menu li{

	/*border:1px solid #000000;*/
	display:inline;
	margin:0 0 0 0;
	padding: 0 3px 2px 3px ;

	position:relative;
	

}
.minus{
	text-transform:lowercase;	
	}

ul#menu a:hover, ul#menu li.sel a{
/*color:#929292;*/

}

ul#menu li:hover  {

background-color:#000;
	
}
ul#menu li:hover a{

color:#929292;
	
}



 ul#menu li.sel {

background-color:#7f7f7f;
	
}
 ul#menu li.sel a{

color:#000000;
	
}


ul#menu li:hover div.sousmenu{
/*display:block; //fait par JS */
}



div.sousmenu{

position:absolute;
width:400px;
/*border:3px solid #000;*/
display:none;
left:-250px;
background-color:#000;
padding:5px 0px;
z-index:100;
clear:both;
/*display:block;*/
top:16px;

}
div.sousmenu div.repolist{

color:#929292;
padding: 0px 10px;

}
div.sousmenu div.repolist:hover{

/*background-color:#F90;*/
color:#F90;

}

div.sousmenu div.vignettecontent{

height:285px;
width:380px;
color:#929292;
margin:10px;

}
div.sousmenu div.vignmenu{

display:none;

}
div.clearboth{
clear:both;
}

div#photo{
/*border:1px solid #C00;*/
width:100%;
height:660px;
clear:both;
z-index:0;

}

div#legend{
/*border:1px solid #CF0;*/
width:100%;
height:15px;
/*height:82px;*/
clear:both;
font-size:0.8em;
padding:0px;
}





#expoplanche{

/*width:520px;
border:1px solid #1d1d1d;

float:left;*/
position:relative;

}
#expoplanche a.bouton{
color:#000;
text-decoration:none;

}

#expoplanche a{
color:#999;

}
#expoplanche a:hover{
color:#000;

}

#expoplanche div.startline {
height:2px;
border-bottom:1px solid #1b1b1b;
}


#expoplanche div.diapoexpoplanche {

/*
float:left;*/
position:relative;
/*height:145px;
overflow:hidden;*/
padding:5px 5px;
border-bottom:1px solid #1b1b1b;
}


#expoplanche div.diapoexpoplanche div.image{

float:left;
border:1px solid #646464;
height:160px;
width:190px;
background-color: #646464;
margin: 2px 20px 2px 2px;


}

#expoplanche div.diapoexpoplanche div.video{
float:left;
border:1px solid #646464;
height:160px;
width:190px;
background-color: #646464;
margin: 2px 20px 2px 2px;

background-image : url(gfx/videofond.png);

}


#expoplanche div.diapoexpoplanche div.image img,
#expoplanche div.diapoexpoplanche div.video img

{
display:block;
margin:5px auto;
}






#expoplanche div.diapolabel{

width:470px;

float:left;
/*border:1px solid #CC0000;
display:none;*/

}

#expoplanche div.diapolabel .titre{
font-size:1.1em;
font-weight:bold;
margin-bottom:5px;
color:#000000;
}


#expoplanche div.diapolabel  p{

margin:0px;

}

div#videosplanche .videovignette{

	float:left;
	margin:20px 20px 0 0;
	width:200px;
	height:200px;

}




#langues{
float:right;
/*padding-top: 20px;*/
}

#mecenat {

height:300px;

}

#bio input{

width:200px;

}

#bio textarea{

width:500px;
height:12em;

}
.ck_sstitre{

font-size:1em;
font-weight:bold;
}


.ck_titre{
font-size:1.3em;
font-weight:bold;


}


.ck_french{
font-size:1em;
color:#414141;


}

.ck_legende{
font-size:0.8em;


}
p{

margin:0;
padding:0;
}

div#map{

margin-top:100px;
font-size:0.7em;

}
div#map ul#rubmap {

padding:0px;

}


div#map ul#rubmap li.rubsmap{

display:block;
float:left;
width:20%;

padding:10px;
font-weight:bold;

}

div#map ul#rubmap li.rubsmap ul{

/*display:none;*/
margin:0;
padding:0;

}
div#map ul#rubmap li.rubsmap li{

/*display:none;*/
margin:0;
padding:0;
font-weight:normal;
list-style-type:none;


}



div#mobil{

/*font-size:3em;*/

}
div#mobil ul#rubmap {

padding:0px;

}


div#mobil ul#rubmap li.rubsmap{

display:block;

padding:10px;
font-weight:bold;
border-bottom:2px solid #000000;

}

div#mobil ul#rubmap li.rubsmap ul{

/*display:none;*/
margin:0;
padding:0;

}
div#mobil ul#rubmap li.rubsmap li{

/*display:none;*/
margin:0;
padding:0;
font-weight:normal;
list-style-type:none;
display:block;
/*border-bottom:2px solid #CCCCCC;*/


}

/* liScroll style declarations */

.tickercontainer { /* the outer div with the black border */
/*border: 1px solid #000;
background: #fff; */
border: 0px solid #000;
background: transparent; 


width: 588px; 
height: 2em; 
margin: 0; 
padding: 0;
overflow: hidden; 
}
.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 0px;
top: 0px;


width: 568px;
overflow: hidden;
}
ul.newsticker { /* that's your list */
position: relative;
left: 600px;
/*font: bold 10px Verdana;*/
list-style-type: none;
margin: 0;
padding: 0;
white-space:nowrap;

}
ul.newsticker li {

float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
background: transparent;
white-space: nowrap;
}
ul.newsticker a {
/*white-space: nowrap;
padding: 0;
color: #ff0000;
font: bold 10px Verdana;
margin: 0 50px 0 0;*/
} 
ul.newsticker span {
margin: 0 10px 0 0;
white-space:nowrap;
}





div#largesmall{

	color:#686868;
}

.ittype{
clear:both;
margin-top:15px;

}
.ittype h2{
font-size:1.3em;

}

div.line{
height:1px;
border-bottom:1px solid #000;

}


div#itemstore div{
/*border:1px solid #999;*/




}


div#itemstore h2{

font-size:1.3em;



}
div#itemstore div{
/*border:1px solid #CCC;
*/
}
div#itemstore form{

margin:0px;

}

div#itemstore img#itemphoto{

float:left;

}



div#itemstore div#description{

float:right;
width:35%;

}

div#itemstore div.itemdesc{


}


div#itemstore div.itemdesc{

float:left;
padding-bottom:10px;

}

div#itemstore div.buy div{

display:inline;
margin-left:10px;

}
div#itemstore div.buy{

background-color:#333;
text-align:right;
padding:5px 10px 5px 10px;
color:#FFF;
/*font-size:1.2em;*/
margin-top:10px;
margin-bottom:10px;
/*float:right;
width:35%;*/


}
div#itemstore div.buy a{
color:#F90;
text-decoration:none;
font-size:1.1em;

}
div#itemstore div.buy a:hover{
text-decoration:underline;
}

div#itemstore div#total{

font-size:1.1em;

}
div#itemstore img#itemphoto{

/*float:right;*/

}

div#itemstore div#adresse{

border:1px solid #666;
padding:2px;
margin:5px;

}

div#itemstore a#back{

font-size:1em;
float:right;/**/
}










/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	/*width: 80%;*/
	height:190px;
	size:3;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(/gfx/h300.png) repeat-x;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.scrollable div.it {
	float:left;
	margin:5px 5px 5px 5px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:200px;
	text-align:center;
	height:170px;
	overflow:hidden;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
.scrollable div.it:hover {

	background-color:#CCC;/**/
	border:1px solid #c00;
	/*height:auto;*/

}
.scrollable a:hover{

	color:#000;
	/*height:auto;*/

}

/* single scrollable item */
.scrollable img {
	margin:2px auto;
	cursor:pointer;
	/*width:50px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;*/
}


/* active item */
.scrollable .active {
	border:2px solid #000;
	z-index:9999;
	position:relative;
}








/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/gfx/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(/gfx/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	





/* position and dimensions of the navigator */
.navi {
	margin-left:328px;
	width:200px;
	height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(/gfx/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}