/*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;
}

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

#menu_header_exposition{
float:left;
}

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

#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;
}

#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;
}

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:70px;
padding-right:15px;
}

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

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

li.colonne4_fr{
width:79px;
}

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

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

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

li.colonne4_en{
width:64px;
}

#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;
}

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;
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 ;
}