/*Global layout css and graphical preferences*/

#main{
width:940px;
margin:auto;
}

#site{
float:left;
width:100%;
}

#bottom_site{
float:left;
width:100%;
}

#wave1{
float:left;
width:100px;
clear:both;
}

#wave2{
float:left;
width:100px;
height:376px;
position:relative;
top:-110px;
}

#breadcrumb{
float:left;
width:730px;
height:21px;
background:url(../images/breadcrumb.jpg) repeat-x;
color:#797979;
font-size:0.85em;
padding:12px 0px 0px 10px;
margin-top:1px;
}

#breadcrumb a{
color:#797979;
}

h1{
background:url(../images/title.jpg) repeat-x;
margin:0;
float:left;
padding:8px 0 0 10px;
font-size:1.6em;
font-weight:normal;
width:730px;
color:#1A4D81;
}

h2{
margin:0 0 25px 0;
padding:0;
color:#434439;
font-size:1.50em;
font-weight:bold;
}

h3{
margin:0 0 25px 0;
padding:0;
color:#434439;
font-size:1.35em;
font-weight:bold;
}

h4{
margin:0 0 25px 0;
padding:0;
color:#434439;
font-size:1.10em;
font-weight:bold;
}

body{
margin:0;
font-size:0.8em;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
}

#banner{
float:left;
width:740px;
padding-left:100px;
padding-right:100px;
/*height:121px;*/
background:url(../images/banner.jpg) 100px 0px no-repeat;
}

#menu_header{
float:left;
width:740px;
font-weight:bold;
color:#D36F27;
padding-top:7px;
padding-bottom:3px;
margin-top: 0px;
}

#menu_header_musee{
float:left;
color:#5780AE;
}

#menu_header_musee a,
#menu_header_musee a:visited {
	text-decoration: none;
	color:#5780AE;
}

#menu_header_exposition{
	float:left;
}
#menu_header_exposition a,
#menu_header_exposition a:visited {
	text-decoration: none;
	color:#D36F27;
}

#mvc{
float:right;
height:48px;
width:157px;
padding-top:9px;
padding-bottom:10px;
padding-left:43px;
}

#home_link{
	float:left;
	display: block;
	margin-top: -96px;
	height:99px;
	width:209px;
}
#home_link a {
	display: block;
	text-indent:-9999px;
	height:99px;
	width:209px;
}

#content{
float:left;
padding-left:39px;
padding-right:12px;
width:527px;
margin-top:20px;
color:#565656;
padding-bottom:120px;
overflow:hidden;
}

p{
margin-top:0;
margin-bottom:1em;
}

#content_min_height{
float:right;
height:333px;
width:1px;
}

#footer{
float:left;
text-align:right;
width:840px;
padding-right:100px;
color:#1A4D81;
font-size:0.85em;
margin-top:30px;
position:relative;
top:-105px;
}

#footer a{
color:#1A4D81;
text-decoration:none;
}

/*Menus*/

#top_menu{
float:right;
width:730px;
text-align:right;
padding-right:10px;
color:black;
font-size:0.85em;
padding-top:3px;
padding-bottom:5px;
margin-top: -20px;
width: 130px;
}

#top_menu a{
color:black;
text-decoration:none;
}

ul#mainmenu_museum{
float:left;
margin:0;
padding:4px 0 0 15px;
background-color:#5780AE;
list-style:none;
}

/**/
#social_menu .social_header {
	font-size: 0.85em;
	padding-right: 10px;
}
#social_menu.top_small {
    color: black;
    float: right;
    margin-top: 80px;
    padding-right: 0;
    text-align: right;
    width: 730px;
}

.top_small .fb_icon,
.top_small .yt_icon {
	display: block;
	float: right;
    line-height: 0; 
    text-indent:-9999px;
    color: transparent; 
	width: 16px;
	height: 16px;	
}

.top_small .fb_icon {
	background:url(../images/f_logo_16.gif) top left no-repeat;
}

.top_small .yt_icon {
	padding-right: 2px;
	background:url(../images/yt_logo_dark_16.gif) top left no-repeat;	
}
/**/
/**/
#social_menu.top_large {
    color: black;
    float: right;
    margin-top: -3px;
    padding-right: 2px;
    padding-top: 6px;
    text-align: right;
    width: 730px;
}

.top_large .fb_icon,
.top_large .yt_icon {
	display: block;
	float: right;
  line-height: 0; 
  /*text-indent:-9999px;*/
  color: transparent; 
	width: 28px;
	height: 28px;	
  margin-top: -6px;
}
/*
.top_large .fb_icon {
	background:url(../images/f_logo_28.gif) top left no-repeat;
}

.top_large .yt_icon {
    padding-right: 6px;
	background:url(../images/yt_logo_28.gif) top left no-repeat;	
}*/

.top_large .yt_icon {
  margin-right: 4px;
}

ul#mainmenu_exposition{
float:left;
/*height:42px;*/
margin:0;
padding:4px 0 0 15px;
background-color:#E7863F;
list-style:none;
}

ul#mainmenu_exposition li{
float:left;
width:80px;
padding:0px 15px 5px 0;
}

ul#mainmenu_museum li{
float:left;
padding-bottom:5px;
}

li.colonne1_fr{
width:67px;
padding-right:10px;
}

li.colonne2_fr{
width:110px;
padding-right:10px;
}

li.colonne3_fr{
width:90px;
padding-right:10px;
}

li.colonne4_fr{
width:95px;
}

li.colonne1_en{
width:85px;
padding-right:10px;
}

li.colonne2_en{
width:95px;
padding-right:10px;
}

li.colonne3_en{
width:90px;
padding-right:10px;
}

li.colonne4_en{
width:92px;
}

#mainmenu_museum a , #mainmenu_exposition a{
color:white;
text-decoration:none;
}

#mainmenu_museum a:hover , #mainmenu_exposition a:hover{
font-weight:bold;
}

#mainmenu_museum a.selected , #mainmenu_exposition a.selected{
font-weight:bold;
}

div#menu_left_bloc{
float:left;
width:152px;
padding-left:10px;
margin-top:15px;
padding-bottom:250px;
}

#newsletter {
	float: left;
}
#newsletter h2 {
	color: #1A4D81;
	font-size: 1.6em;
	font-weight: normal;
	padding-top: 20px;
}

.fb-like-box {
	float:right;
	padding-left: 8px;
	passing-bottom: 8px;
	width: 292px;
	min-height: 400px;
}

ul#resources_left{
float:left;
width:152px;
list-style:none;
margin:10px 0 0 0;
padding:10px 0 10px 0;
background-color:#F1F1EF;
}

ul#resources_left ul{
list-style:none;
float:none;
width:100%;
margin:5px 0 0 -25px;
padding:0;
}

ul#resources_left li{
width:104px;
padding:8px 0 8px 48px;
margin:0;
}

ul#resources_left li.album.selected{
background-color:#FCFCFC;
}

ul#resources_left li ul li{
width:94px;
padding:2px 0 2px 10px;
margin:0;
background:url(../images/bullet-resources.jpg) 0px 7px no-repeat;
}

li.anim{
background:url(../images/icon-anim.jpg) 17px 8px no-repeat;
}

li.video{
background:url(../images/icon-video.jpg) 17px 10px no-repeat;
}

li.game{
background:url(../images/icon-game.jpg) 15px 8px no-repeat;
}

li.pedago{
background:url(../images/icon-pedago.jpg) 17px 8px no-repeat;
}

li.album{
background:url(../images/icon-album.jpg) 17px 8px no-repeat;
}

li.catalogue{
background:url(../images/icon-catalogue.jpg) 17px 8px no-repeat;
}

ul#resources_left a{
text-decoration:none;
color:#797979;
}

ul#resources_left li a.selected{
font-weight:bold;
}

ul#resources_left li li a{
text-decoration:underline;
}

ul#resources_left a:hover{
font-weight:bold;
}

ul#resources_left li li a:hover{
font-weight:normal;
}

ul#resources_left li li a.selected:hover{
font-weight:bold;
}

ul#menu_left{
float:left;
width:152px;
list-style:none;
margin: 0 0 15px 0;
padding:0;
}

ul#menu_left li{
padding:2px 0 2px 0;
border-bottom:dashed #D1D0CB 1px;
width:152px;
}

ul#menu_left a{
display:block;
width:146px;
padding:6px 0 6px 6px;
color:#1A4D81;
text-decoration:none;
font-size:0.9em;
}

ul#menu_left a:hover{

}

ul#menu_left li li a{
background:url(../images/puce-menu-left-blue.jpg) 6px 11px no-repeat;
padding-left:14px;
width:138px;
padding-top:4px;
padding-bottom:4px;
}

ul#menu_left li li{
padding:2px 0 2px 0;
border:none;
width:146px;
}

ul#menu_left ul{
list-style:none;
padding:0;
margin:2px 0 0 0;
border-top:dashed #D1D0CB 1px;
}

ul#menu_left li a.selected{
background-color:#F1F1EF;
font-weight:bold;
}

ul#menu_left a:hover{
background-color:#F1F1EF;
}

ul#menu_left li li a:hover{
background-color:transparent;
}

ul#menu_left li li a.selected{
background-color:transparent;
font-weight:bold;
}

/**/


a img{
border:none;
}

/*Elements used accross all the website*/

div#images{
float:right;
width:217px;
}

#album .imagebox{
float:left;
}

.imagebox{
float:right;
background:url(../images/imagebox-repeat.jpg) repeat-y;
width:202px;
color:#797979;
font-size:0.9em;
margin-left:15px;
margin-bottom:20px;
}

div#images .imagebox{
float:left;
margin-bottom:10px;
margin-left:15px;
}

.imagebox_int{
float:left;
background:url(../images/imagebox-top.jpg) no-repeat;
width:173px;
padding-left:29px;
padding-bottom:4px;
}

.imagebox_bottom{
float:left;
background:url(../images/imagebox-bottom.jpg) no-repeat;
width:202px;
height:6px;
font-size:0;
}

.imagebox .credits{
border-top:1px solid #DBCCBD;
float:left;
width:160px;
padding-top:5px;
margin-top:5px;
font-size:0.95em;
}

.imagebox img{
float:left;
margin-top:20px;
width:160px;
}

#content .imagebox a{
text-decoration:none;
color: #797979;
}

.imagebox img.icon{
width:auto;
margin:5px 5px 0 0;
}

.imagebox span.icontext{
float:left;
display:block;
padding-top:5px;
}

/*/*/

.large{
padding-left:8px;
}

.largebox{
float:left;
background:url(../images/largebox-repeat.jpg) repeat-y;
width:462px;
margin:0px 20px 20px 0;
}

.largebox_int{
float:left;
background:url(../images/largebox-top.jpg) no-repeat;
width:448px;
padding-left:7px;
padding-right:7px;
padding-top:7px;
text-align:center;
}

.largebox_bottom{
float:left;
background:url(../images/largebox-bottom.jpg) no-repeat;
width:462px;
height:7px;
font-size:0;
}

.largebox img{
/*float:left;*/
/*width:448px;*/
}

.large p.title{
margin-top:20px;
font-size:1.2em;
}

.large .desc_separator{
border-top:dashed 1px #D1D0CB;
float:left;
width:237px;
height:1px;
font-size:0;
padding-top:20px;
margin-top:10px;
}

.large .desc{

}

/**/

p.back{
text-align:right;
}

#content a.back{
color:#565656;
font-size:1.2em;
}

div.separator{
clear:both;
float:none;
width:100%;
height:0px;
border-top: 1px solid #DDDDDD;
margin-bottom:20px;
margin-top:10px;
font-size:0;
}

#content ul{
list-style:none;
margin:0;
padding:0 0 0 2px;
}

#content ol{
margin:0;
padding:0 0 0 20px;
}

#content ul li{
padding-left:27px;
margin-bottom:1em;
}

table.resources{
float:left;
width:728px;
margin:0;
padding:0;
background-color:#CCCCCC;
}

table.petite_table{
width:525px;
}

table.resources td{
background-color:#F1F1EF;
padding:4px;
color:#797979;
}

table.resources th{
background-color:#DEDEDB;
color:#FFFFFF;
text-align:left;
padding:6px;
}

table.resources .header{
background-color:#DEDEDB;
font-weight:bold;
}

table.resources .header td{
background-color:#DEDEDB;
}

table.resources .center{
text-align:center;
}

table.resources .right{
text-align:right;
}

table.resources td .vcenter{
vertical-align:middle;
}



/*Sitemap*/

#sitemap ul{
margin-top:20px;

}

/*General classes*/


.nomargin{
margin:0;
}

.colonne_lien{
float:left;
width:250px;
padding-right:10px;
}

.clear{
clear:both;
}

span#rights{
font-weight:bold;
padding-right:40px;
}

span.barre{
text-decoration:line-through;
}

a.getpdf{
float:left;
margin-top:20px;
text-decoration:none;
cursor:pointer;
}

a.getpdf img{
float:left;
}

a.getpdf span{
float:left;
margin-left:20px;
margin-top:9px;
text-decoration:underline;
}

.nomdulogodetype1{
margin : 10px 10px 10px 10px ;
}

.bouton_bleu {
  border:none;
  background:none;
  padding:0;
  margin:0;
  width:auto;
  height:33px;
  overflow:visible;
  text-align:center;
  display:inline-block;
  white-space:nowrap;
  padding-left:22px;
  background:url(../images/button.jpg) no-repeat 0 0;
}
a.bouton_bleu,
a.bouton_bleu:active,
a.bouton_bleu:hover,
a.bouton_bleu:visited {
  text-decoration: none;
}
.bouton_bleu em {
  height:33px;
  display:block;
  margin:0;
  color:#FFF;
  font-style:normal;
  font-size: 1.1em;
  font-weight: bold;
  line-height:33px;
  margin-right:-3px;
  padding-right:22px;
  background:url(../images/button.jpg) no-repeat 100% 0;
}