/* cmsms stylesheet: UneCompagnie modified: mercredi 8 avril 2026 11:57:50 */
* {
	margin: 0;
	padding: 0;
}
/*Set initial font styles*/
body {
	text-align: left;
	font-family: Courier, sans-serif;
	font-size: 75.01%;
	line-height: 1em;
}
div {
	font-size: 1em;
}
img {
	border: 0;
}
/*default link styles*/
a, a:link a:active {
	text-decoration: underline;
/* css validation will give a warning if color is set without background color */
	background-color: inherit;
	color: #18507C;
}
a:visited {
	text-decoration: underline;
	background-color: inherit;
	color: #18507C;
}
a:hover {
	text-decoration: none;
	background-color: inherit;
	color: #385C72;
}
/*****************basic layout *****************/
body {
	margin: 0;
	padding: 0;
	color: #333;
}
div#pagewrapper {
	margin: 0 auto;
	width:1100px;
top:-70px;
	position:relative; /* pour le positionnement absolu des éléments enfants */
	/*background-color: #fefefe;*/
	/*background-color: red;*/
	color: black;
}
/* header, we will hide h1 a text and replace it with an image, we assign a height for it so the image wont cut off */
div#header {
	margin: 0;
	padding: 0;
}
div#header h1 a {
/* this will make the "a" link a solid shape */
	display: block;
	height: 0; /* pour safari */
/* this hides the text */
	text-indent: -999em;
/* old firefox would have shown underline for the link, this explicitly hides it */
	text-decoration: none;
}
div#header h1 {
	margin: 0;
	padding: 0;
/*these keep IE6 from pushing the header to more than the set size*/
	line-height: 0;
	font-size: 0;
}
div#header h2 {
}
div.crbk {
/* sets all to 0 */
	margin: 0;
	padding: 0;
/* you can set your own image here */
	background: url(https://www.unecompagnie.be/uploads/ngrey/mainrtup.gif) no-repeat right bottom;
}
div.breadcrumbs {
/* CSS short hand rule first value is top then right, bottom and left */
	padding: 1em 0em 1em 1em;
/* its good to set font sizes to be relative, this way viewer can change his/her font size */
	font-size: 90%;
/* css shorthand rule will be opened to be "0px 0px 0px 0px" */
	margin: 0px;
/* you can set your own image here */
	background: url(https://www.unecompagnie.be/uploads/ngrey/mainleftup.gif) no-repeat left bottom;
}
div.breadcrumbs span.lastitem {
	font-weight: bold;
}
div#search {
/* position for the search box */
	float: right;
/* enough width for the search input box */
	width: 27em;
	text-align: right;
	padding: 0.5em 0 0.2em 0;
	margin: 0 1em;
}
/* a class for Submit button for the search input box */
input.search-button {
	border: none;
	height: 22px;
	width: 53px;
	margin-left: 5px;
	padding: 0px 2px 2px 0px;
/* makes the hover cursor show, you can set your own cursor here */
	cursor: pointer;
/* you can set your own image here */
	background: url(https://www.unecompagnie.be/uploads/ngrey/search.gif) no-repeat center center;
}
div#content {
/* some air above and under menu and content */
	margin: 0px;
	padding: 0px;
	/*position:relative;*/
/*display:block; width:1100px; height:734px; background:url(https://www.unecompagnie.be/images/fond-int.jpg);*/
}

div#main { position:absolute; left:186px; top:189px; width:726px; height:540px; margin:0; padding:0; }
div.photo-actualite { position:absolute; width:340px; height:412px; background:url(https://www.unecompagnie.be/images/photo-actualites.jpg) no-repeat 0 0; }
div.photo-unecompagnie { position:absolute; width:358px; height:463px; background:url(https://www.unecompagnie.be/images/photo-unecompagnie.jpg) no-repeat 0 0; }
div.photo-spectacles { position:absolute; width:475px; height:301px; background:url(https://www.unecompagnie.be/images/photo-spectacles.jpg) no-repeat 0 0; }
div.photo-calendrier { position:absolute; width:283px; height:328px; background:url(https://www.unecompagnie.be/images/photo-calendrier.jpg) no-repeat 0 0; }
div.contenutxt { position:absolute; left:374px; width:294px; height:470px; /*background-color:yellow;*/}
div.txt-actualite, div.txt-compagnie, div.txt-calendrier { position:absolute; left:374px; width:294px; height:470px; /*background-color:yellow;*/}
div.txt-actualite { color:#ba5e06; }
div.txt-compagnie { color:#cc0000; }
div.txt-calendrier { /*color:#602953;*/ color:#551f49; }
div.txt-spectacles { position:absolute; left:485px; width:201px; height:470px; color:#004b2d; }

div#main div.txt-spectacles ul {
	margin: 0;
	padding: 0;
	list-style-image: url(https://www.unecompagnie.be/images/puce.png);
	/*list-style: disc url(https://www.unecompagnie.be/images/puce.png) inside;*/
	font-size: 1.05em;
	line-height: 1.3em;
}
div#main div.txt-spectacles li {
	margin: 0 0 .5em 21px;
	padding: 0;
}

div#fiche-spectacle { display:block; width:1100px; height:734px; background:url(https://www.unecompagnie.be/images/fond-int.jpg); }
div#fiche-spectacle div.croix { position:absolute; top:80px; left:880px; width:21px; height:20px; /*background:url(https://www.unecompagnie.be/images/croix.png) no-repeat 0 0;*/ }
div#fiche-spectacle div.photo { position:absolute; top:130px; left:220px; /*width:240px; height:220px;*/
}
div#fiche-spectacle div.resume { position:absolute; top:130px; left:630px; width:240px; /*height:220px;*/ line-height: 1.4em; }
div#fiche-spectacle div.liens { position:absolute; top:500px; left:220px; width:270px; /*height:220px;*/ }
div#fiche-spectacle div.liens li {
	list-style-type: none;
	background-image: url(https://www.unecompagnie.be/images/fleche.png);
	background-repeat: no-repeat;
	background-position: 0 .1em;
	padding-left: 50px;
	height: 1.8em;
}
/*div#content div.distribution { position:absolute; top:430px; left:510px; width:328px; border:1px solid black; padding: 1.5em;}*/
div#fiche-spectacle div.distribution { position:absolute; top:490px; left:510px; width:328px; /*height:430px;*/ border:2px solid #727eaa; padding: 1.3em 1.5em;}

div#footer {
	padding: 0px;
}
div#footer p {
	font-size: 0.8em;
	padding: .5em;
	text-align: center;
	margin: 0;
}
div#footer p a {
	color: #595959;
}
/* as we hid all hr for accessibility we create new hr with div class="hr" element */
div.hr {
	height: 1px;
	padding: 1em;
	border-bottom: 1px dotted black;
	margin: 1em;
}
/* relational links under content */
div.left49 {
/* combined percentages of left+right equaling 100%  might lead to rounding error on some browser */
	width: 70%;
}
div.right49 {
	float: right;
	width: 29%;
/* set right to keep text on right */
	text-align: right;
}
/********************CONTENT STYLING*********************/
/* HEADINGS */
div#content h1 {
/* font size for h1 */
	font-size: 2em;
	line-height: 1em;
	margin: 0;
}
div#content h2 {
	color: #727eaa; /*#294B5F;*/
	font-size: 1.55em; /*1.8em*/
	text-transform : uppercase; 
	text-align: left;
	line-height: 1.2em;
	/*margin: 0 0 .2em 0;*/
}
div#content h3 {
	color: #727eaa; /*#294B5F;*/
	font-size: 1.3em;
	line-height: 1.3em;
	margin: .5em 0 0 0;
}
div#content h4 {
	color: #294B5F;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h5 {
	color: #294B5F;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
	color: #294B5F;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS */
/* TEXT */
p {
/* default p font size, this is set different in some other divs */
	font-size: 1em;
/* some air around p elements */
	margin: 0 0 1.5em 0;
	line-height: 1.4em;
	padding: 0;
}
blockquote {
	border-left: 10px solid #ddd;
	margin-left: 10px;
}
strong, b {
/* explicit setting for these */
	font-weight: bold;
}
em, i {
/* explicit setting for these */
	font-style: italic;
}
/* Wrapping text in <code> tags. Makes CSS not validate */
code, pre {
/* css-3 */
	white-space: pre-wrap;
/* Mozilla, since 1999 */
	white-space: -moz-pre-wrap;
/* Opera 4-6 */
	white-space: -pre-wrap;
/* Opera 7 */
	white-space: -o-pre-wrap;
/* Internet Explorer 5.5+ */
	word-wrap: break-word;
	font-family: "Courier New", Courier, monospace;
	font-size: 1em;
}
pre {
/* black border for pre blocks */
	border: 1px solid #000;
/* set different from surroundings to stand out */
	background-color: #ddd;
	margin: 0 1em 1em 1em;
	padding: 0.5em;
	line-height: 1.5em;
	font-size: 90%;
}

/* END TEXT */
/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {
	font-size: 1.0em;
	line-height: 1.4em;
	margin: 0 0 1.5em 0;
}
div#main ul li,
div#main ol li {
	margin: 0 0 0.25em 3em;
}
/* definition lists topics on bold */
div#main dl {
	margin-bottom: 2em;
	padding-bottom: 1em;
	border-bottom: 1px solid #c0c0c0;
}
div#main dl dt {
	font-weight: bold;
	margin: 0 0 0 1em;
}
div#main dl dd {
	margin: 0 0 1em 1em;
}

/* Menus navigation */
ul#nav-home {list-style:none; display:block; width:1100px; height:734px; background:url(https://www.unecompagnie.be/images/fond.jpg); position:relative; margin:0 auto; padding:0;}

a#actualite, a#unecompagnie, a#spectacles, a#calendrier, a#contact { display:block; overflow:hidden; position:absolute; text-indent: -999em; }

a#actualite { left:106px; top:459px; width:103px; height:90px; background:transparent; }
a#unecompagnie { left:189px; top:470px; width:107px; height:76px; }
a#spectacles { left:286px; top:488px; width:123px; height:79px; }
a#calendrier { left:424px; top:504px; width:124px; height:82px; }
a#contact { left:675px; top:515px; width:154px; height:92px; }

a#actualite:hover { background:url(https://www.unecompagnie.be/images/actualite.jpg) no-repeat 0 0; }
a#unecompagnie:hover { background:url(https://www.unecompagnie.be/images/unecompagnie.jpg) no-repeat 0 0; }
a#spectacles:hover { background:url(https://www.unecompagnie.be/images/spectacles.jpg) no-repeat 0 0; }
a#calendrier:hover { background:url(https://www.unecompagnie.be/images/calendrier.jpg) no-repeat 0 0; }
a#contact:hover { background:url(https://www.unecompagnie.be/images/contact.jpg) no-repeat 0 0; }


ul#nav-int {list-style:none; display:block; width:1100px; height:734px; background:url(https://www.unecompagnie.be/images/fond-int-nav.jpg); }

a#actualite-int, a#unecompagnie-int, a#spectacles-int, a#calendrier-int, a#contact-int /*, a#retour-spectacles*/ { display:block; overflow:hidden; position:absolute; text-indent: -999em; }

a#actualite-int { left:239px; top:96px; width:62px; height:35px; background:transparent; }
a#unecompagnie-int { left:345px; top:96px; width:81px; height:35px; }
a#spectacles-int { left:478px; top:96px; width:93px; height:35px; }
a#calendrier-int { left:618px; top:96px; width:93px; height:35px; }
a#contact-int { left:769px; top:96px; width:74px; height:35px; }

/*a#retour-spectacles { left:880px; top:80px; width:21px; height:20px; background:url(https://www.unecompagnie.be/images/croix.png) no-repeat 0 0; }*/

div#emails { left:186px; top:175px; width:738px; height:475px; position:absolute; }
div#carte-postale { left:211px; top:226px; width:676px; height:482px; position:absolute; background:url(https://www.unecompagnie.be/images/carte-postale-2026.jpg);}
.lien-mail { left:64px; top:250px; width:214px; height:50px; position:absolute;}
/* END LISTS */
/* SCROLLBAR */
.Container { position: absolute; top: 0px; left: 0px; width: 294px; height: 440px; }
#Scroller-1 { position: absolute; overflow: hidden; width: 294px; height: 440px; }
#Scroller-1 p { margin: 0; padding: 0 0 .5em 0; text-indent: 2em; }
.Scroller-Container { position: absolute; top: 0px; left: 0px; }
#Scrollbar-Container {
	position: absolute;
	top: 0px; left: 298px; /* donne 4px de marge par rapport au texte à gauche */
}
.Scrollbar-Up { cursor: pointer; position: absolute; }
.Scrollbar-Track {
	width: 24px; height: 380px; position: absolute; top: 30px;
}
div.txt-actualite .Scrollbar-Track {
	background: transparent url(https://www.unecompagnie.be/images/scrollbar_track_o.jpg) no-repeat center center;
}
div.txt-compagnie .Scrollbar-Track {
	background: transparent url(https://www.unecompagnie.be/images/scrollbar_track.jpg) no-repeat center center;
}
div.txt-calendrier .Scrollbar-Track {
	background: transparent url(https://www.unecompagnie.be/images/scrollbar_track_v.jpg) no-repeat center center;
}
.Scrollbar-Handle { cursor: pointer; position: absolute; width: 15px; height: 15px; margin-left: 4px; }
.Scrollbar-Down { cursor: pointer; position: absolute; top: 410px; }

div.txt-spectacles .Container,  div.txt-spectacles #Scroller-1 { width: 183px; }
div.txt-spectacles #Scrollbar-Container { left: 187px; /* donne 4px de marge par rapport au texte à gauche */
}
div.txt-spectacles .Scrollbar-Track {
	background: transparent url(https://www.unecompagnie.be/images/scrollbar_track_vert.jpg) no-repeat center center;
}

/* Scrollbar pour les fiches spectacles */
div.resume .Container { position: absolute; top: 50px; left: 0px; width: 240px; height: 280px; }
#Scroller-2 { position: absolute; overflow: hidden; width: 240px; height: 280px; }
#Scroller-2 p { margin: 0; padding: 0 0 .5em 0; text-indent: 2em; }
#Scrollbar-Container2 {
	position: absolute;
	top: 50px; left: 244px; /* donne 4px de marge par rapport au texte à gauche */
}
div.resume .Scrollbar-Track {
	width: 24px; height: 220px; position: absolute; top: 30px;
	background: transparent url(https://www.unecompagnie.be/images/scrollbar_track_bleu.gif) no-repeat center center;
}
div.resume .Scrollbar-Down { cursor: pointer; position: absolute; top: 250px; }
/* END SCROLLBAR */
/* FORM */
div#main2 form, div#main2 div.confirmation {width:300px;margin-top:130px;padding-left:18px;}
div#main2 input[type="text"],textarea {
	font-family: "Lucida Grande", "Lucida Sans", Verdana, sans-serif;
	font-size: 12px;
	font-weight: bold;
	width:300px;
	padding:2px;
	border:none; /*border:1px dotted #888888;*/ /* bleu d'entête et de bas de page */
	background-color: transparent;
	margin: 4px 0 10px 0;
	display: block; /* pour que chaque champ occupe une ligne complète */
}
div#main2 input[type="radio"] {
	/*margin:0;*/
	/*vertical-align:middle;*/
	/*padding-right:10px;*/
	/*display: inline;*/
}
div#main2 input[type="checkbox"] {
}
div#main2 form label {
	display: inline;
}
div#main2 input[type="submit"] {
	background: transparent url(https://www.unecompagnie.be/images/envoyer.png) no-repeat top left;
	width:94px;
	height:46px;
	text-indent: -1000em;
	cursor: pointer;
	/*color:#1a1c52;*/ /* bleu foncé des liens des rubriques principales */
	border:none; /*border:1px solid #4E4F67;*/ /* bleu d'entête et de bas de page */
	margin-top:10px;
}
div#main2 div.error_message {
	left:30px; top:420px; position:absolute;
	color: #cf2123;
}
/* END FORMULAIRE */
/* CALENDAR */
div.calendar-date-from {
	/*display:inline;*/
	margin: 0 0 .1em 0;
}
div.cal-lieu {
	font-size: 1.1em;
	font-weight: bold;
	margin: .3em 0 .2em 0;
}
/* END CALENDAR */