/* @override http://www.ecoledecirquedebruxelles.be/assets/templates/ecoledecirquedebruxelles/main.css */

/* STRUCTURE */

#screen, .screen { display:none; }

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	/*background-image: url(assets/images/Background/background1.jpg);*/
	}

#body {
	background: #0facea url(bandeau.php) no-repeat;
	}

#page {
	width: 800px;
	background-image: url(/assets/images/background.jpg);
	background-repeat: repeat;
	background-position:0px 0px;
	padding-top: 0px;
	}
#top {
	margin: 0px 0px 0px 0px;
	width: 800px;
	padding: 0px;
	border: 0px;
	height: 100px; 
	}
#contenu {
	position: relative;
	}
#bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #ccc;
	height: 100px; 
	}
#left{
	position: absolute;
	top: 150px;
	margin: 0px;
	padding: 10px;
	border: 0px;
	width: 150px;
	}
#middle{
	position: relative;
	width: 420px;
	top: 0px;
	left: 170px;
	margin: 0;
	padding: 10px;
	border: 0px;
}
#right {
	position: absolute;
	width: 180px;
	top: 150px;
	right: 0px;
	border: 3px solid #B82718;
	margin: 0px;
	padding: 0px;
}
#blocGauche1, blocGauche2, blocGauche3 {
	/*background-color:#cc0033; */
	/*width:200px*/
	}
#blocDroite1, blocDroite2, blocDroite3 {
	/*background-color:#99CC33; 
	width:200px*/
	}
#blok_menu_ecb {
	background-color: #ccc;
	top: 0px;
	right: 0px;
	z-index : 1;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	position: absolute;
	padding: 4px;
}
#blocFoto {
	position : relative;
	left: 170px;
	top: 0px;
	}
#blocLogoECB {
	position : relative;
	top: 0px;
	z-index: 0;
}
#blocLogoSecteur{
	position : absolute;
	z-index : 2;
	left: 320px;
	top: -180px;
	}

#adresse{
	padding: 5px; 
	z-index: 1; 
	position: absolute; 
	bottom: 0px;
	}


/*  COULEURS  */
.amateurs {
	color: #7BC523;
	}
.professionel {
	color: #00A8DB;
	}
.evenement {
	color: #EE9601;
	}
.general {
	color: #B82718;
	}
.accent {
	background: #eee;
	}


/* TEXTE */
body, p, td, li, input, select, textarea {
	font-family: Verdana, Geneva, Lucida, Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #2F4F4F;
	}

h1 {
	font-size: 24px;
	line-height: 44px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h2 {
	font-size: 18px;
	line-height: 40px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
h6 {
	font-size: 10px;
	line-height: 18px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
	}
img {
	border: 0;
	}

.rouge {
	color: #B82718;
	background-color: #B82718;
	height: 3px;
	}

.texteRouge {
	color: #B82718;
}
/* LIENS */

/* LIENS TEXTE */

.lien_texte * {
	color: #000000;
	}

a {
	color: #2F4F4F;
	}
a:hover {
	color: #B82718;
	}

/* CASE FR / NL */
.caseFrNl {
	float: left;
}



/* CSS CODE SUBMENU GAUCHE  */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
/*list-style-type: none;*/
}

/* CSS CODE MENU PRINCIPALE  des PROJETS */
#menu {
z-index : 3;
font-size : 12px;
text-align : left;
font-weight : bold;
	position: relative;
	display: block;
	left: 200px;
	top: -200px;
}
#menu dt {
float : left;
}
#menu dl {
float: left;
}
#menu li {
display: inline;
}

#menu a {
text-decoration: none;
}
#menu a:hover {
text-decoration : none;
background: #eeeeee;
color : #2f4f4f;
}
#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
	top: 40px;
	left: 10px;
font-size: 0.9 em;
border-top: 1px solid gray;
font-weight : bolder;
width: 400px;
	background-color: #eeeeee;
	filter:alpha(opacity=85);-moz-opacity:.85;opacity:.85;
}

#menu_gauche {
position: relative;
top: 0px;
left: 10px;
}
#menu_gauche {
width: 14em;
}
#menu_gauche dt {
cursor: pointer;
margin: 2px 0;;
height: 20px;
line-height: 20px;
text-align: left;
font-weight: bold;
}
#menu_gauche dt  a {
	color: #2F4F4F;
text-decoration: none;
	}

#menu_gauche dt a:hover {
	color: #B82718;
	}
#menu_gauche dd {
border: 1px solid gray;
margin-left:8px;
}
#menu_gauche li {
text-align: left;
font-weight: bold;
line-height: 20px;
background: #eee;

}
#menu_gauche li a  {
	color: #2F4F4F;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}
#menu_gauche li a:hover  {
	color: #B82718;
}

/* menu du contenu
#menuPage {
background-color: #ddd;
height:30px;

}*/

#menuPage a {
font-weight: bold;
font-size: 1.2em;
color : #fff;
background-color: #2f4f4f;
}
p.solid {border-style: solid}