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

/* STRUCTURE */
body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, helvetica, sans-serif;
	width: 800px;
        min-height: 800px;
	margin-left: auto;
	margin-right: auto;
	/*background: url(assets/images/background/background_flower.gif) repeat;
background-attachment:fixed;
background-position:center;*/
/*background: #CC3333;*/
	}

#couverture {
background: url(assets/images/background/couverture.jpg) repeat;
background-attachment:fixed;
background-position:center;*/
/*background: #CC3333;*/
	}

#accueil {
background: url(assets/images/background/couverture2.jpg) repeat;
background-attachment:fixed;
background-position:center;*/
/*background: #CC3333;*/
	}

#page {
	width: 800px;
        min-height: 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; 
	/*background: #369*/
	/*background: #000;*/
	}
#contenu {
	position: relative;
	}
#bottom {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	border: 0px solid #369;
	height: 100px; 
	}
#left{
	position: absolute;
	top: 180px;
	margin: 3px;
	padding: 3px;
	border: 0px;
	width: 180px;
	/*background: #369*/
	}

#middle{
	position: relative;
	width: 420px;
	top: 0px;
	left: 200px;
	margin: 0;
	padding: 10px;
	border: 0px;
	background: #fff
}

#middleaccueil{
	position: relative;
	width: 420px;
	top: 0px;
	left: 170px;
	margin: 0;
	padding: 10px;
	border: 0px;
}
#right {
	position: absolute;
	/*background: #369*/
	width: 180px;
	top: 160px;
	left: 652px;
	right: 0px;
	border: 0px solid #B82718;
	margin: 0px;
	padding: 0px;
}
#blocGauche1, blocGauche2 {
	/*background-color:#cc0033; */
	/*width:200px*/
	}
#blocGauche3 {
	/*background-color:#99CC33;*/
	width:180px:
	}
#blocDroite1, blocDroite2, blocDroite3 {
	/*background-color:#99CC33; 
	width:200px*/
	}

#blok_menu_ecb {
	background-color: #2F4F4F;
	top: 0px;
	/*width: 460px;*/
	right: 0px;
	z-index : 1;
	font-size: 12px;
	text-align: left;
	font-weight: bold;
	position: absolute;
	padding: 4px;
}
#blocFoto {
	position : relative;
	/*left: 170px;*/
	left: -180px;
	top: -10px;
	z-index : 0;
	}
#blocBanner {
	position : relative;
	left: -180px;
	top: -10px;
	z-index : 0;
	}

#blocBannerConvention {
	position : relative;
	left: -270px;
	top: -110px;
	z-index : 0;
	}

#blocLogoBlv {
	position : relative;
	left: -50px;
	z-index : 2;
	}
#blocLogoECB {
	position : relative;
	top: 0px;
	z-index: 1;
}
#blocLogoSecteur{
	position : absolute;
	z-index : 2;
	left: 320px;
	top: -180px;
	}

#blocSep {
	position : relative;
	left: -10px;
	top: 60px;
	z-index : 0;
	}

#adresse{
	padding: 0px; 
	z-index: 1; 
	position: relative; 
	padding-left: 2px; 
	bottom: 0px;
	width: 437px;
	left: 200px;
	background-color: #ccc;
	filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;
	}

#adresseNewsletter{
	padding: 0px; 
	z-index: 1; 
	position: relative; 
	padding-left: 2px; 
	bottom: 0px;
	width: 437px;
	left: 170px;
	/*background-color: #ccc;*/
	/*filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;*/
	}


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

/* TEXTE KLEUREN */
#wit18 {color: white; font-size: 18px; font-weight: bold}
#wit12 {color: white; font-size: 12px; font-weight: bold}
/* TEXTE KLEUREN  BACKGROUND*/
.backblack{background-color:#3399cc}
.backama {background-color: #66CC33}
.backprof {background-color: #00A8DB}
.backeve{background-color:#EE9601}
.DarkRed{background-color:#8B0000}
.backgeneral{background-color:#B82718}
.backMenu{background-color:#2f4f4f}
.backMenuWhite{background-color:#FFFFFF}
.backMenuBlue{background-color:#336699}

/* 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;
        color: #2F4F4F;
	}
.h3 {
	font-size: 16px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
        color: #2F4F4F;
	}
h4 {
	font-size: 14px;
	line-height: 26px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
        color: #2F4F4F;
	}
h5 {
	font-size: 12px;
	line-height: 22px;
	font-weight: bold;
	margin-top: 0;
	margin-bottom: 0;
        color: #2F4F4F;
	}
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 */

a {
	color: #000;
	text-decoration : none;
	}
a:hover {
	/*color: #B82718;*/
	color: #7C1C1C;
	}

a#nav2{
	color: #2F4F4F;
	}
a#nav2:hover{
	color: #B82718;
	}
.lien_texte  {
	color: #000000;
	}
.lien_menu_gen  {
	color: #fff;
	}

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



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

li.cercle {
padding: 0;
list-style-type: circle;
margin-left: 20px;
}
li.decimal {
padding: 0;
list-style-type: decimal;
margin-left: 20px;
}

li.listed {
list-style-type: none;
}

.inspring {
margin-left: 20px;
padding-left: 0px;
background-color: #eeeeee;
list-style-type: none;
font-size : 8px;
font-weight: lighter;
}

.light{
font-size : 10px;
font-weight: lighter;
}

/* CSS CODE MENU ACCUEIL */
#menuaccueil {
	position: relative;
	display: block;
	left: 250px;
	top: 200px;
text-align : right;
text-decoration : none;
font-size : 16px;
}

/* CSS CODE MENU PRINCIPALE  des PROJETS */
#menu {
z-index : 3;
font-size : 13px;
text-align : left;
font-weight : bold;
	position: relative;
	display: block;
	left: 180px;
	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;
}
#menu a.general {
text-decoration : none;
	color: #B82718;
background: yellow;
/*color : #2f4f4f;*/
}
#menu a.general:hover {
text-decoration : none;
	color: #B82718;
background: #fff;
/*color : #2f4f4f;*/
}
#smenu1, #smenu2, #smenu3, #smenu4 {
position: absolute;
	top: 164px;
	left: 20px;
font-size: 13px;
border-top: 2px solid #036;
 border-left: 2px solid #036;
 border-right: 2px solid #69c;
 border-bottom: 2px solid #036;
font-weight : bolder;
width: 429px;
padding: 5px;
	/*background-color: #369;*/
	background-color: #2F4F4F;
	/*filter:alpha(opacity=95);-moz-opacity:.95;opacity:.95;*/
}

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

#menu_gauche dt   {
display: block;
 padding: 2px 2px 2px 4px;
 border-left: 10px solid #369;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #69c;
 background-color: #2F4F4F;
 color: #fff;
 text-decoration: none;
 width: 100%;
	}


#menu_gauche dt.redline   {
display: block;
 padding: 2px 2px 2px 4px;
 border-left: 10px solid #369;
 border-right: 1px solid #69c;
 border-bottom: 5px solid #BB2929;
 background-color: #2F4F4F;
 color: #fff;
 text-decoration: none;
 width: 100%;
	}

#menu_gauche dt.flash   {
 background-color: #996666;
	}

#menu_gauche dt a:hover {
/*	color: #B82718;*/
display: block;
 border-left: 0px solid #036;
 border-right: 1px solid #69c;
 border-bottom: 1px solid #369;
 background-color: #69f;
 color: #fff;
	}
#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;
}

#smenu6, #smenu7, #smenu8, #smenu9 {
width:165px;
	/*z-index : -1;*/
}

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

.LeChapiteau 
{
background-image: url(/assets/images/logosECB/LeChapiteauEmblemeSite.gif);
background-position:  center top;
background-repeat: no-repeat;
}
.fieldset
{
border-color: red;
}