/*
Theme Name: Hirundo
Theme URI: http://charleroi-museum.be/
Description: charleroi-hd platform.
Version: 1.0
Author: Christophe Tahon, Frédéric Vertessen
Author URI: mailto:tahon@mac.com
*/


html, body {
margin: 0px;
padding: 0px;
color: #667;
font-size:10px;
font-family:  Verdana, Arial, Helvetica, sans-serif;
background:#fff;
}


#headerwrapper {
width: 100%;
margin-top:0px;
background:#000 ;

}
#home_wrapper {
float:left;
width: 100%;
background:#dfdfe4;
background:#000 ;
}

#media_wrapper {
width: 100%;
background:#000 ;
float:left;
}

#diaporama_wrapper {
width: 100%;
background:#000;
float:left;
}

#banner_wrapper {
width: 100%;
background:#000;
float:left;
}

#top-navigation_wrapper {
width: 100%;
background:#b1b2b7;
float: left;

}

#navigation_wrapper {
display:block;
width: 100%;
float: left;
background:#f5f5f5;

}

#corps_wrapper {
display:block;
width: 100%;
float: left;
}

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







strong, em, b, i {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}


h1, h2, h3, h4, h5, h6, address {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

h2{
    font-size: 12px;
	color: #111;
	padding: 0 0 8px 0;
	margin:0;
}

h3{
    font-size: 11px;
	color: #333;
}



ul.vignettes-thematiques img {
    float: left;
    height:76px;
    width:215px;
}




ul.vignettes-thematiques li {
    color: #667;
    text-align: left;
    margin: 0 8px 8px 0 ;
    position: relative;
    z-index: 20;
    padding: 0.5em;
    float: left;

}

ul.vignettes-thematiques li:hover {
    border: 0px solid transparent;
}

ul.vignettes-thematiques div.ahover {
    background: #fff;
    padding: 1px;
    border: 0px solid transparent;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -radius: 2px;
}


ul.vignettes-thematiques {
    float:left;
    margin:0px 0 8px 0 ;
    list-style-type: none;
    position: relative;
    width:300px;

}


ul.vignettes-thematiques a:hover {
    text-decoration:none;
    color:#000;
cursor:pointer;
}

ul.vignettes-thematiques li:hover .titre {
    text-decoration:none;
    color:#b6571a;
}

ul.vignettes-thematiques li:hover .contenu{
    text-decoration:none;
    color:#000;
}
ul.vignettes-thematiques .titre{
    display:block;
    width:280px;
    margin:10px 0px 5px 0px ;
    color:#ec7426;
    font-size:12px;
    font-weight:900;
    float:left;

}

ul.vignettes-thematiques .contenu{
    display:block;
    width:280px;
    margin:0px 0px 0px 0px ;
    color:#333;
    font-size:11px;
    float:left;
    text-align:left;

}


ul.vignettes-accueil img {
    float: left;
    height:76px;
    width:130px;
    }




ul.vignettes-accueil li {
    color: #667;
    text-align: left;
    margin: 0 8px 8px 0 ;
    border: 1px solid #fff;
    position: relative;
    z-index: 20;
    padding: 0.5em;
    float: left;
        -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -radius: 3px;
}

ul.vignettes-accueil li:hover {
    border: 1px solid transparent;
    
}

ul.vignettes-accueil div.ahover {
    background: #bfc9f0;
    padding: 0px;
    border: 1px solid #fff;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -radius: 3px;
}


ul.vignettes-accueil {
    float:left;
    margin:0px 0 8px 0 ;
        list-style-type: none;
    position: relative;
    width:592px;

}


ul.vignettes-accueil a:hover {
    text-decoration:none;
    color:#000;
cursor:pointer;
}

ul.vignettes-accueil li:hover .titre {
    text-decoration:none;
    color:#ff7621;

}

ul.vignettes-accueil li:hover .resume{
    text-decoration:none;
    color:#000;
}

ul.vignettes-accueil .sous-titre{
    display:block;
    width:370px;
    margin:0px 0px 0px 15px ;
        color:#333;
    font-size:10px;
    font-weight:normal;
    float:left;
}


ul.vignettes-accueil .titre{
    display:block;
    width:370px;
    margin:0px 0px 2px 15px ;
        color:#111;
    font-size:12px;
    font-weight:900;
    float:left;

}

ul.vignettes-accueil .resume{
    display:block;
    width:370px;
    margin:2px 0px 0px 15px ;
        color:#667;
    font-size:10px;
    float:left;

}


#encart-accueil {
width:298px;
margin:0px 0px 0px 0px;
padding:5px 5px 10px 5px;
display:block;
float:right;
border: 1px solid #fff;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-radius: 3px;
background:#f3f3f3;
}

#encart-superieur-droit {
width:305px;
margin:0px 0px 0px 0px;
padding:0px 5px 10px 0px;
display:block;
float:right;
}

#encart-inferieur-droit {
width:305px;
margin:0px 0px 0px 0px;
padding:10px 5px 10px 0px;
display:block;
float:right;
}



#encart {
width:305px;
margin:0px 0px 0px 0px;
padding:0px 5px 10px 5px;
display:block;
float:right;

background:#fff;
}



#encart .titre-sous-menu {
    display:block;
    width:100%;
    margin:0px;
    padding:0px 0px 2px 5px ;
    color:#111;
    font-size:12px;
    font-weight:900;
}

#encart ul {
margin:0px 2px 10px 2px;
padding:0px;
width:295px;
}

#encart ul li {
padding:0px;
margin:0px ;

}

#encart ul li a {
display:block;
margin:0px;
width:288px;
padding:3px 2px 3px 5px;
color:#667;
font-size:11px;
font-weight:400;
text-decoration:none;
background:transparent;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
-radius: 3px;

}

#encart ul li a:hover {
background:#333;
       color:#fff;
    font-size:11px;
    font-weight:400;
}





#submenu-1 {
margin:0 0px 0px 0px;
padding:12px 10px 25px 1px;
display:block;
float:left;
width:200px;

}


#submenu-2 {
margin:0 0px 0px 0px;
padding:12px 10px 25px 10px;
display:block;
float:left;
width:200px;


}

#submenu-3 {
margin:0 0px 0px 0px;
padding:12px 10px 25px 10px;
display:block;
float:left;
width:200px;


}

#submenu-4 {
margin:0 00px 0px 0px;
padding:12px 0px 25px 10px;
display:block;
float:left;
width:200px;


}


.btn_category .entete {
display:blocK;
height:16px;
margin:0px;
padding:0px 0 0px 2px;
font-size:11px;
font-weight:600;
color:#000;
}


.btn_category li {
display:block;
margin:0px  0 0 0px;
border: 0px solid #fff;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
-radius: 2px;
white-space:nowrap;
	cursor:pointer;

}
.btn_category li a {
font-weight:normal;
line-height:18px;
font-size: 10px;
color: #333;
width:100%;
padding: 2px  6px 3px 20px;
height:90px;
background:transparent url(images/category-p.gif) 1px -31px no-repeat;

} 

.btn_category li a:hover {
    color:#fff;
    text-decoration:none;
    background:#333 url(images/category-p.gif) 1px -1px no-repeat;
    border: 0px solid #000;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -radius: 2px;
    white-space:nowrap;
    padding: 2px  6px 3px 20px;
}


ul.vignettes li {
    text-align: center;
    margin: 0 4px 4px 0 ;
    border: 1px solid #fff;
       position: relative;
    z-index: 200;
    padding: 0.5em;
    float: left;
        -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

ul.vignettes li:hover {
    color: #000;
    border: 1px solid #ddd;
}

ul.vignettes div.ahover {
    background: #979fbe;
    padding: 0px;
    border: 0px solid transparent;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

ul.vignettes div:hover {
    background: #fff6e8;
    padding: 2px;
    border: 1px solid transparent;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

ul.vignettes {
float:left;
margin:0px 0 0px 0 ;
        list-style-type: none;
    position: relative;
    width:100%;

}

ul.vignettes li .infos-media{
font-size:9px;
color:#000;
width:130px;
padding:3px 0px  0 0px;
height:12px;
display:block;
text-align:right;
}


ul.vignettes li .infos-media img{
float:right;
margin: 0px 0 0 2px;
height:8px;

}


ul.vignettes li .libelle{
width:128px;
padding: 2px 1px 0 1px;
height:60px;
font-size:11px;
display:block;
color: #227;
line-height:12px;

}

ul.vignettes li:hover .libelle  {
        color: #114;

}

ul.vignettes li  a:hover{
text-decoration:none;

}


ul.vignettes li .departement  {
/*font-family:  Times;*/
font-size:9px;
color:#000;
        float:left;
}

ul.vignettes li:hover .departement  {
color:#fff;
        float:left;
}


ul.vignettes li .billet  {
        float:right;
}


div.ahover {
position: absolute;
cursor:pointer;
}

ul.vignettes a{
text-decoration:none;
cursor:pointer;
}







.vignette-generique{
display:block;
height:30px;
width:300px;
background:#eee;
float:left;
}
.vignette-generique img{
height:30px;
width:60px;
float:right;
}



#menu_principal {
width: 930px;
margin: 0px auto;
padding:0px;
color:#fff;
z-index:999;
}

#menu_principal_container {
position:absolute;
margin-top:28px;
width: 908px;
padding:10px 10px 20px 10px ;
float:left;
display:none;
background:#090909;
border: 1px solid #333;
z-index:999;

}

#menu_principal_container h2{
color:#fff;
}

#mycategoryorder li a, #rsswidget li a, #archives li a,  #pages li a {
color:#aaa;
font-size:11px;
padding:2px 3px 3px 3px;
margin:2px 10px 2px 0;
height:12px;
display:block;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -radius: 2px;

}
.children{
padding:0px 0px 0px 20px;
}

#mycategoryorder li a:hover,#rsswidget li a:hover, #archives li a:hover,  #pages li a:hover {
color:#000;
text-decoration:none;
font-size:11px;
background:#ddd;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -radius: 2px;

}


#mycategoryorder{
width: 250px;
margin: 0px;
padding:0px 0px 0px 0;
display:block;
float:left;

}

#rsswidget{
width: 200px;
margin: 0px;
padding:0px 0px 0px 0;
display:block;
float:left;

}
#pages{
width: 200px;
margin: 0px;
padding:0px 0px 0px 0;
display:block;
float:left;
}

#archives{
width: 200px;
margin: 0px;
padding:0px 0px 0px 0;
display:block;
float:left;
}

#calendar{
width: 200px;
margin: 0px;
padding:0px 0px 0px 0;
display:block;
float:left;

}
#event-calendar{
width: 200px;
margin: 0px;
padding:0px 0px 0px 0;
display:block;
float:right;

} 

#wp-calendar{
width: 170px;
margin: 0px;
padding:0px 0px 0px 0;
display:block;
float:left;

} 





#top-navigation_container {
width: 930px;
margin: 0px auto;
padding:0px 0px 0px 0;
display:block;
height:30px;
}

#navigation_container {
width: 930px;
margin: 0px auto;
padding:0px 0px 0px 0;
display:block;
background:#999;


}



.linklove {position:absolute; top:-20px;}
#lightbox-overlay-text-close {position:absolute; top:-60px;}
#lightbox-overlay-text-about {position:absolute; top:-60px;}



#banner_slider {
width: 930px;
margin: 0px auto 0 auto;
height: 345px;
padding:0px 0px 10px 0;


}


.ngg-galleryoverview{
margin:0px;
padding:0px;
}

#player_skin { 
width: 930px;
margin: 0px auto;
/*height: 445px;*/
padding:1px 0px 0px 0;
display:block;
background:transparent;
/*
background:transparent url(images/player/player-skin.png) center 0px  no-repeat;
*/
}

#entete_container {
width: 930px;
margin: 0px auto;
/*height: 424px;*/
padding:4px 0px 10px 0;
display:block;
}

.entete {
}

#media_container {
width: 930px;
margin: 0px auto;
/*height: 424px;*/
padding:0px 0px 10px 0;
display:block;
float:left;

}

#banner_container {
width: 930px;
margin: 0px auto;
/*height: 424px;*/
padding:0px 0px 10px 0;
display:block;

}


#diaporama_container {
width: 930px;
margin: 0px auto;
/*height: 424px;*/
padding:0px 0px 15px 0;
display:block;
}

/* container has a background image */
#banner {	
	display:block;
	background:transparent;
    width: 930px;
	height:328px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	padding:0px 0px 0px 0px;
	margin:0px 0 0 0;
}

#player {	
	display:block;
	background:transparent;
    width: 930px;
	height:420px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	padding:0px 0px 0px 0px;
	margin:0px 0 0 0;
}

/* container has a background image */
#player-classic {	
	display:block;
	background:transparent;
    width: 930px;
	height:354px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	padding:0px 0px 0px 0px;
	margin:0px 0 0 0;
}

/* container has no background image */
#player-audio {	
	display:block;
	background:transparent;
    width: 930px;
	height:25px;
	text-align:center;
	color:#fff;
	text-decoration:none;
	cursor:pointer;
	padding:0px 0px 0px 0px;
	margin:0px 0 0 0;
}




	
	

/* Lets Begin With Some Basics */


small {
font-size: 9px;
line-height: 1.5em;
}


a:link, a:visited {
color: #385b79;
text-decoration: none;
}


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

.clear {
clear: both;
}



img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}

img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: left;
}

img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}

.alignright {
float: right;
}

.alignleft {
float: left;
margin: 0 7px 2px 0;
}

p {
margin: 0 0 10px 0;
}



/* Begin Header */


#header {
width: 930px;
margin: 0 auto 0 auto;
height: 45px;
padding: 6px 0 2px 0px;

}

#headleft {
width: 280px;
float: left;
}

#headleft img{
margin:4px  0 0 -8px;
/*
height:43px;
width:136px;
*/

}

#headright {
width: 600px;
padding: 0 0px 0 0 ;
float: right;
text-align: right;
text-transform: lowercase;
}

#headright ul {
width: 100%;

list-style: none;
margin: 14px 8px 0 0;

}

#headright li {
font-size:11px;
font-weight:400;
display: inline;
margin: 0 7px 0 7px;
float:right;
}

#headright a {
padding:2px 5px 2px 5px;
text-decoration:none;
color:#aaa;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
background:#121317;
}

#headright a:hover {
color:#333;
background:#f4f4f4;

}









.postmetadata ul, .postmetadata li {
display: inline;
list-style-type: none;
list-style-image: none;
}

#sidebar ul, #sidebar ul ol {
margin: 0;
padding: 0;
}

#sidebar ul p, #sidebar ul select {
margin: 5px 0 8px;
}

#sidebar ul ul, #sidebar ul ol {
margin: 5px 0 0 10px;
}

#sidebar ul ul ul, #sidebar ul ol {
margin: 0 0 0 10px;
}

ol li, #sidebar ul ol li {
list-style: decimal outside;
}

#sidebar ul ul li, #sidebar ul ol li {
margin: 3px 0 0;
padding: 0;
}






.tagcloud{
diplay:block;
margin:5px 0 40px 0;
padding:5px;
text-align:center;
width: 920px;
float:left;
display:block;
text-transform:lowercase;
background:#f5f5f5;
border: solid #fff;
border-width: 0px 0px 0px 0px;
font-family:"trebuchet ms", verdana, "bitstream vera sans";
	/*letter-spacing:-1px;*/
 line-height: 190%;
      -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    -radius: 3px;
    }
    
.tagcloud:hover{
background:#fff;
}

.tagcloud a{
font-weight:400;
margin: 0 3px 8px 0;
vertical-align: baseline;
color:#000;
padding: 5px 0 5px 0;

}

.tagcloud a:hover{

color:#f55;
text-decoration:none;

}
.textwidget {
font-size:11px;
color:#667;

}



/* End Main Content */

ul, li {
margin:0;
border:0;
padding:0;
list-style:none;

}





.comments {
width: 21px;
height: 25px;
float: left;
background: url(images/commentsbg.gif) top left no-repeat;
color: #fff;
font-size: 9px;
text-align: center;
line-height: normal;
margin: 7px 0px 0 0px;

}

#creativecommons {
margin: 8px 0 20px 0;
padding: 0;
display:block;
}

.itemlinks {
font-size:10px;
margin: 0px 0 0px 0;
padding: 0;
display:block;
}


.itemlinks a:link, .itemlinks a:visited {
text-transform:lowercase;
color: #385b79;
}

.smalllinks a:link, .smalllinks a:visited {
text-transform:lowercase;

color: #385b79;
}

.smalllinks {
color: #333;
margin-left:1px;
}



#postsocialize{
width: 350px;
float: left;
font-size:11px;
}




#corps {
width: 930px;
margin: 0px auto;
padding: 0px 0px 0px 0px;
}


#content {
width: 930px;
margin: 12px 0px 15px 0px;
color:#000;
float:left;
background:transparent  url(images/sep-mid.gif) 65% top repeat-y;
display:block;
}


#contentright {
display:block;
padding:0px;
width:310px;
margin:0px;
float:right;
}

#contentleft {
display:block;
width:590px;
padding:0;
margin:0px;
float:left;

}

#batch-page {
display:block;
margin:0px;
padding:0 0px 0 0px;
float:left;
}

#page-sidebar{
width:305px;
display:block;
margin:0px;
padding:0 0px 0 0px;
float:left;
}

.menu-page{
display:block;
margin:0px 00px 10px 0px;
padding:3px 0px 4px 0px;
float:left;
width:99%;
font-size: 13px;

color: #333;
border-bottom: 1px solid #ddd;

}

#navigation {
width: 930px;
margin: 0px auto 0px auto;
padding: 1px 0px 1px 0px;

/*border-bottom: 1px solid #ddd;*/
/*
background:#fefefe;
*/

display:block;
}


#navigation-left {
display:block;
height:21px;
width: 574px;
float:left;
}

#navigation-right {
display:block;
width: 312px;
float:right;
}

#navigation-panel {
display:none;
width: 930px;
float:left;
background:transparent;

}


#pagenavi-bottom {
display:block;
float:right;
margin: 14px 8px 0px 0;
padding:2px;
}



.btn_contextuel ul {
width: 480px;
list-style: none;
float:right;
display:block;
height:20px;
}


.btn_contextuel li {
display:block;
margin:0px  0 0 3px;
float:right;
height:20px;
border: 0px solid #fff;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
-radius: 2px;
white-space:nowrap;
	cursor:pointer;

}

.btn_contextuel a {
line-height:18px;
font-size: 10px;
color: #333;
width:100%;
padding: 2px  6px 3px 24px;
height:90px;
background:transparent url(images/batch.gif) 1px 0px no-repeat;

} 

.btn_contextuel li a:hover {

    color:#fff;
    text-decoration:none;
    background:#333 url(images/batch.gif) 1px -29px no-repeat;
    border: 0px solid #000;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -radius: 2px;
    white-space:nowrap;
    padding: 2px  6px 3px 24px;
}



.btn_accueil ul {
width: 80px;
list-style: none;
float:left;
display:block;
height:20px;
}


.btn_accueil li {
display:block;
margin:0px  0 0 1px;
float:left;
height:20px;
border: 0px solid #fff;
-moz-border-radius: 2px;
-khtml-border-radius: 2px;
-webkit-border-radius: 2px;
-radius: 2px;
white-space:nowrap;
	cursor:pointer;

}

.btn_accueil a {
line-height:18px;
font-size: 10px;
color: #333;
width:100%;
padding: 2px  6px 3px 24px;
height:90px;
background:transparent url(images/plus.gif) 2px 0px no-repeat;

} 

.btn_accueil li a:hover {

    color:#fff;
    text-decoration:none;
    background:#333 url(images/plus.gif) 2px -16px no-repeat;
    border: 0px solid #000;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -radius: 2px;
    white-space:nowrap;
    padding: 2px  6px 3px 24px;
}
.btn_accueil li a.active {

    color:#fff;
    text-decoration:none;
    background:#333 url(images/plus.gif) 2px -50px no-repeat;
    border: 0px solid #000;
    -moz-border-radius: 2px;
    -khtml-border-radius: 2px;
    -webkit-border-radius: 2px;
    -radius: 2px;
    white-space:nowrap;
    padding: 2px  6px 3px 24px;
}


.pointeur-batch h2{

    font-size: 12px;

	color: #333;
    display:block;
    float:left;
    padding: 0px  0px 8px 25px;
    margin:0  0 0 0px;
    height:14px;
    background:transparent url(images/batch.gif) 2px -1px no-repeat;
width:550px;

}


.pointeur-theme h2{
    font-size: 12px;
	color: #333;
    display:block;
    padding: 0px  0px 8px 23px;
    margin:0  0 0 0px;
    height:14px;
    background:transparent url(images/book.png) 0px 0px no-repeat;
    behavior:url('http://charleroi-museum.be/scripts/iepngfix.htc');
}

.infostexte {
color: #667;
margin:0px;
letter-spacing: 0px;
font-size:12px;
line-height:17px;
padding:0 3px 0 3px;

}

.infostexte-thematique  {
display:block;
color: #333344;
margin:0px;
font-size:11px;
line-height:15px;
padding:0 0px 20px 0px;

}

.departement-thematique {
display:block;
color: #000;
font-weight:500;

margin:0px;
letter-spacing: 0px;
font-size:10px;
font-weight:600;
padding:2px 0 10px 0;

}


.postvignette {
	background-color:#e6e6e6;
	border:1px solid #e6e6e6;
	margin:0px 10px 0px 0px;
	padding:4px;
	float:left
}

#posttexte {
display:block;
width:574px;
color: #333344;
margin:0px;
font-size:11px;
line-height:15px;
padding:0 3px 0 3px;
float:left;
}


#posttexte a:hover{
text-decoration: underline;
}

#encart-inferieur {
display:block;
float:left;
width:574px;
color: #667;
margin:20px 0 0 0;
font-size:10px;
line-height:14px;
padding:3px 3px 0 3px;
font-size:10px;
border-top: 1px solid #f5f5f5;

}

#postmeta {
display:block;
float:left;
width:574px;
color: #667;
margin:20px 0px 0 0px;
font-size:10px;
line-height:14px;
padding:3px 3px 3px 3px;
font-size:10px;
background:#fff;
border: 1px solid #f5f5f5;

/*
border-top: 1px solid #eee;
border-bottom: 1px solid #eee;
*/
}

#postcomments {
display:block;
margin:30px 0 0 0;
padding:0 3px 0 3px;
width:574px;
overflow: hidden;
float: left;

}
#postcomments p{
padding-top:10px;
font-size:10px;
line-height:14px;
color:#667;
}

#socialisation  {
display:block;
width: 303px;
float: left;
padding: 0 0 20px 0 ;
margin: 0px;
}


#singlethumb {
width: 140px;
height: 140px;
float: left;
padding: 0px;
margin: 0;
border: 1px solid #667;

}


#singlethumbnail {
float: right;
margin: 0;
padding: 0;
width: 140px;
height: 140px;
overflow: hidden;
}
/* End Video Gallery */

/* Begin Blog and Page Items */
.blogitem {
width: 659px;
float: left;
border-bottom: 1px solid #eee;
padding: 10px 0 10px 10px;
margin: 0px;

}


/* Begin Comments*/
#comment {
width:450px;
}



ol.commentlist {
margin: 10px 0 0 0px;
padding: 0;
list-style: none;
font-size: 12px;
}

ol.commentlist p {
margin-bottom:10px;
}

ol.commentlist cite {
font-style: normal;
font-weight: bold;
color:#667;
font-size:11px;
}

ol.commentlist li {
padding: 0;
margin: 0 0 15px 0;
border-bottom: 1px solid #f5f5f5;
font-size:10px;
color:#667;

}

ol.commentlist li.alt {
padding: 0 !important;
margin: 0 0 15px 0;
}

input#submit {
font-size: 12px;
color:#FFFFFF;
padding:7px 10px;
margin:10px 0 0 0;
text-align:center;
background: #212121;
cursor:pointer;
font-weight: bold;
text-transform: uppercase;
border: none;
}

#comment,#author,#email,#url {
background: #FFFFFF;
border:1px solid #eee;
padding:2px;
color:#646464;
margin:0px 0 0 0;
}
/* End Comments */

/* Begin Sidebar */

/* End Sidebar */

/* Begin Various Tags & Classes */
acronym, abbr, span.caps {
cursor: help;
}

acronym, abbr {
border-bottom: 1px dashed #999;
}

blockquote {
margin: 15px 30px 0 10px;
padding-left: 20px;
border-left: 5px solid #eee;
}

blockquote cite {
margin: 5px 0 0;
display: block;
}

.center {
text-align: center;
}

.hidden {
display: none;
}

hr {
display: none;
}

a img {
border: none;
}
/* End Various Tags & Classes*/

/* Begin Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}

.wp-caption {
border: 1px solid #eee;
text-align: center;
background-color: #eee;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
/* End Captions */

/*-------------------- Calendar --------------------*/


#wp-calendar {font-size:11px; margin: 0pt; text-align: center; }
#wp-calendar caption { font-size:11px; }

#wp-calendar th { }
#wp-calendar td { padding:1px;height: 21px; width: 21px; line-height: 18px; color:#999; }
#wp-calendar .pad { }
#wp-calendar a { color:#999}
#wp-calendar a:hover { color:#fff}
#wp-calendar td a { padding:1px; color:#66F;  width: 21px; height: 21px; text-decoration: none; line-height: 18px; }
#wp-calendar td a:hover { text-decoration: none; color:#fff;}

#wp-calendar #prev a , #wp-calendar #next  a { color:#999; display:block; width:67px; height:16px;line-height: 16px;  }
#wp-calendar #prev a:hover , #wp-calendar #next  a:hover { color:#fff; }
#wp-calendar #today { color: #000; font-weight: bold; background:#FFF;}
#wp-calendar #today a {color: #fff; font-weight: bold; }


/* End Calendar */

/* Begin Footer */

#footer-menu  {
display:block;
width: 930px;
margin: 0px auto 0 auto;
padding:15px 0px 30px 0;
text-align:center;


}


#footer  {
width: 930px;
margin: 0px auto 0 auto;
text-align:center;


}


#footer a:link, #footer a:visited {
color: #fff;
}

#footer small {
color: #fff;
}

.ec3_schedule {
float:left;
}
.ec3_events {
padding:0  0 0 15px;
width:285px;
}



.search {
    width: 150px;
    height: 19px;
    margin:0px 0 0 0px;
    padding:1px 0 0px 0px;
    float:right;

}

.search .box {
    position: relative;
}

.search .form {
    width: 150px;

    white-space: nowrap;
    margin:0px;
    padding:0px;
    line-height:16px;
}




.search .edit {
    width: 120px;
    margin:1px 0 0 0;
    padding:1px 0px 0px 0px;
    font-size: 9px;
    height: 12px;
    autocomplete: off;
    outline-width: 0px;
    color:#000;
	background: transparent;
    display:block;
    border: 1px solid #e3e3e3;

}

.search:hover .edit {
    color:#000;
	background: #fff;
        border: 1px solid #8f8f8f;

}

.search .lupe  {
    width:20px;
    height:14px;
}
.search .lupe {
    position: absolute;
    top: 1px;
    left: 130px;
    background: transparent url(images/btn_s0.png) 0 0 no-repeat;
    behavior:url('http://charleroi-museum.be/scripts/iepngfix.htc');

}
.search .lupe:hover {
}

.erreur_recherche {
display:block;
float:left;
margin:20px  0 0 30px;
height:40px;
color:#d50c22;
font-size:11px;
width:550px;

}
.erreur_recherche:hover {


}

.white {
color:#fff;

}