/*
Theme Name: Nom de thème enfant
Description: Theme enfant du thème Bzzz. Nécessite WP 3.4
Template: bzzz8
Version: 1.0
Author: Bzzz
Author URI: http://www.bzzz.be/
*/

@import url("../bzzz8/style.css");
@import url("museo/stylesheet.css");

h1,h2,h3,h4 {font-family: 'museo100';color: #411258;}
a {color: #411258;}
a:hover {-webkit-transition: all 0.2s ease-in-out;-moz-transition: all 0.2s ease-in-out;-o-transition: all 0.2s ease-in-out;transition: all 0.2s ease-in-out;color:#cec2d4;}
img, .wp-caption {max-width: 100%;height: auto;}
.button, .button:visited {background-color: #411258;}
.button:hover {background-color:#63347a;}
.postmeta {padding: .7em 0; margin: 0 0 2em;color:#bbb;font-size:.7em;text-align: right;border-bottom: 1px solid #ddd;}


#page {margin: 0 auto;overflow: auto;top: 3em;margin-bottom: 3em;background: url(images/duc-mauve.gif) no-repeat bottom left;}
#main {padding : .8em 0 200px;}

header {height: auto;overflow: auto;}
header h1 {width: 50%;float: left;}
header h1#logo a {background: url(images/logo.jpg) no-repeat 0px 20px ;width:285px;height:128px;}
header p#intro {display: none;}
header form.bzzzsearch {position: absolute;top: 75px; right: 10px;}

.slides li {position: relative;}
.slides li span {position: absolute;display:block;background:url(images/arrondi-grand.png);left:0;bottom:0;width: 97%;height:41px;text-align: right;font-family: 'museo100';color: #411258;font-size: 1.5em;padding: 140px 3% 0 0;}
.flex-direction-nav .flex-prev {left: 10px!important;}
.flex-direction-nav .flex-next {right: 10px!important;}

.homeblock {margin: 3% 2% 3% 0;padding:2% 2% 8% 2%;background:#411258 url(images/arrondi-petit.png) left bottom no-repeat;min-height: 300px;color:#cec2d4;position: relative; }
.homeblock:last-child {margin: 3% 0 3% 0;}
.homeblock p {margin-top: 1em;}
.homeblock span {position: absolute;right:1em;bottom:1em;}
.homeblock span a {color: #411258;}
.homeblock span a:hover, .homeblock h3, .homeblock a {color: #fff;}
.homeblock iframe {width: 100%;}

.partenaires {max-width: 1000px;margin:0 auto;overflow: auto;padding: 1em;clear: both;}
.partenaires a {display: block;float: right;height: 75px;margin-right: 1em;background: #ddd;width: 100px;text-indent: -9999px;}
.partenaires a.europe {background:url(images/logo-europ-interreg-gris.jpg) no-repeat;width: 259px;}
.partenaires a.cgt {background:url(images/logo-CGT-gris.jpg) no-repeat;width: 133px;}
.partenaires a.conde {background:url(images/logo-conde-gris.jpg) no-repeat;width: 100px;}
.partenaires a.bernissart {background:url(images/Logo-bernissart-gris.jpg) no-repeat;width: 162px;}
.partenaires a.europe:hover {background:url(images/logo-europ-interreg.jpg) no-repeat;}
.partenaires a.cgt:hover {background:url(images/logo-CGT.jpg) no-repeat;}
.partenaires a.conde:hover {background:url(images/logo-conde.jpg) no-repeat;}
.partenaires a.bernissart:hover {background:url(images/Logo-bernissart-rouge.jpg) no-repeat;}

/* aside > ul, aside > div {background-color: #411258;padding: 1em;color:#cec2d4;} */
aside > ul, aside > div {background-color: #411258;padding: 1em;color:#cec2d4;background:#411258 url(images/arrondi-petit.png) left bottom no-repeat;padding-bottom: 4em;position: relative;}
aside a, aside h4 {color: #fff;}
aside > ul {border-bottom: none;}
aside ul li a {display:block;padding: .5em 0;border-top: 1px solid rgba(255,255,255,.4);}
aside ul li:first-child a {border-top: none;}
.widgetagenda img {float: left;clear: both;margin: 0 1em .5em 0;}
.widgetagenda li {overflow: auto;}
.asidemore {position: absolute;right:1em;bottom:1em;}
.asidemore a {color: #411258;}
.asidemore a:hover {color: #fff;}

footer {background: #411258;overflow: auto;border-top: 10px solid #cec2d4;color: #cec2d4;}
footer h3, footer a {color: #cec2d4;}
footer ul li a {border-top: 1px solid #63347a;}
#credits {color: #85569c;font-size: .7em;}
footer a:hover {color: #fff;}
footer .followus {margin: 1em 0;}

.embed-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; max-width: 100%; height: auto; } .embed-container iframe, .embed-container object, .embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/* ---------------------------------------------------------------------------
   NAVIGATION
   --------------------------------------------------------------------------- */

#nav {background-color: #411258;}
#nav li a {color: #cec2d4;font-family: 'museo100';}
#nav li a:active {background-color: #63347a !important;}
/* first level */
#nav > ul {background-color: #411258;}
#nav > ul > li:not( :last-child ) > a {border-right: none;}
#nav > ul > li:hover > a,
#nav > ul:not( :hover ) > li.active > a {background-color: #63347a;color: #fff;}
/* second level */
#nav li ul {background-color: #411258;}
#nav li ul a {border-top: 1px solid #63347a;}
#nav li ul li a:hover,
#nav li ul:not( :hover ) li.active a {background-color: #63347a;color: #fff;}

#nav2 {float: right;width: 40%;padding: 1em;}
#nav2 a {float:right;color: #888;font-size: .8em;padding: 0 0.5em;border-right: 1px solid #888;}
#nav2 li:first-child a {border-right: none;}

/* ---------------------------------------------------------------------------
   COULEURS
   --------------------------------------------------------------------------- */

/*Mine*/
body.page-id-42 #main h1, body.page-id-42 #main h2, body.page-id-42 #main h3, body.page-id-42 aside h3, body.page-id-42 #main a {color: #e29300;}
body.page-id-42 aside > ul, body.page-id-42 aside > div {background-color: #e29300;color:#ffe0a6;}
/*paysage*/
body.page-id-44 #main h1, body.page-id-44 #main h2, body.page-id-44 #main h3, body.page-id-44 aside h3, body.page-id-44 #main a {color: #007b2b;}
body.page-id-44 aside > ul, body.page-id-44 aside > div {background-color: #007b2b;color:#95ddae;}
/*archi*/
body.page-id-46 #main h1, body.page-id-46 #main h2, body.page-id-46 #main h3, body.page-id-46 aside h3, body.page-id-46 #main a {color: #9b142d;}
body.page-id-46 aside > ul, body.page-id-46 aside > div {background-color: #9b142d;color:#ea99a8;}
/*mysteres*/
body.page-id-48 #main h1, body.page-id-48 #main h2, body.page-id-48 #main h3, body.page-id-48 aside h3, body.page-id-48 #main a {color: #00518e;}
body.page-id-48 aside > ul, body.page-id-48 aside > div {background-color: #00518e;color:#a6cfef;}

/* ---------------------------------------------------------------------------
   MEDIA QUERIES
   --------------------------------------------------------------------------- */

@media only screen and ( max-width: 640px )
{
	#main {padding: .8em 0;}
	header h1 {float: none;width: 100%;}
	header h1#logo a {background: url(images/logo.jpg) no-repeat center center;width: 100%;height: 128px;}
	#nav2 {float: none;width: 100%;text-align: center;overflow: auto;}
	#nav2 ul {width: auto;margin: 0 auto;}
	#nav > a {background-color: #411258;}
	#nav > ul > li:not( :last-child ) > a {border-bottom: 1px solid #63347a;}
	header form.bzzzsearch {position: fixed;top: 10px; right: 10px;z-index: 80;}
	.slides li span {background:url(images/arrondi-petit.png);height:31px;font-size: 1em;padding: 51px 3% 0 0;}
	.col {float: none;width: 90%;margin: 3% 0;padding:5% 5% 15% 5%;}
	footer .col {padding:5%;min-height: intrinsic;}
	.partenaires {padding: 2em 0 320px;}
	.partenaires a {}
}