/* Start of CMSMS style sheet 'accueil' */
/* Start of CMSMS style sheet 'accueil' */
*{margin:0;padding:0}

body{
background:#000;
font-family:Arial, Helvetica, sans-serif;
}

#pagewrapper{
background:url(images/bg/bg_news.jpg) no-repeat center top;
margin:0 auto;
position:relative;
width:960px;
}

#header{
display:block;
height:229px;
width:384px;
}
#header h1{
 display:none;
}
#header h2{
 display:none;
}
#header a:link, #header a:hover, #header a:visited{
background:url(images/logo/sulabula.png) no-repeat left top;
display:block;
height:229px;
width:380px;
}
#header a span{display:none;}

#menu{
position:absolute;
top:95px;
right:10px;
}
#menu ul li {
float:left;
list-style-type:none;
margin:0 .2em;
}
#menu li a{
color:#FFF;
display:block;
font-size:1.5em;
text-decoration:none;
}


/* COMPAGNIE */
#cie{
background:url(images/bg/bg_cie_acc.gif) no-repeat left top;
float:left;
height:235px;
padding:170px 0 0;
position:relative;
top:-130px;
width:305px;
}

#cie h3{
color:#FFF;
font-size:1.5em;
font-weight:400;
margin:0 .5em 3px 0;
text-align:right;
}
#cie h4{
color:#FC9A1B;
font-weight:400;
text-align:right;
margin:0 .8em 120px 0;
}
#cie ul{display:block;height:20px;}
#cie ul li{
color:#fff;
list-style-type:none;
float:left;
margin:0 .1em 0 0;
}
#cie li a,#cie li a:visited{
color:#fff;
font-size:.9em;
text-decoration:none;
}
#cie li a:hover{
color:#FC9A1B;
border-bottom:1px dotted #FC9A1B;
}

/* NEWS */
#news_cont{
height:500px;
padding-top:120px;
position:absolute;
top:0;
left:325px;
width:310px;
z-index:1;
}
/* ASSOCIATION */
#asso{
background:url(images/bg/bg_asso_acc.jpg) no-repeat left top;
float:right;
height:235px;
padding:144px 0 0;
position:relative;
top:-105px;
width:300px;
}
#asso h3{
color:#FFF;
font-size:1.5em;
font-weight:400;
margin:0 0 4px .5em;
}
#asso h4{
color:#C5EF07;
font-weight:400;
margin:0 0 120px .8em;
}
#asso ul{display:block;height:20px;}
#asso ul li{
color:#fff;
list-style-type:none;
float:right;
margin:0 .1em 0 0;
}
#asso li a,#asso li a:visited{
color:#fff;
font-size:.9em;
text-decoration:none;
}
#asso li a:hover{
color:#C5EF07;
border-bottom:1px dotted #C5EF07;
}
.block{clear:both;}

/* FOOTER */
#footer{
clear:both;
display:block;
font-size:x-small;
position:relative;
text-align:center;
width:100%;
}

#myspace{
background:url(images/logo/myspace.png) no-repeat center top;
display:block;
height:50px;
}

#myspace span{display:none;}

#footer a{
color:#333;
margin:0 2em;
text-decoration:none;
}
/* End of 'accueil' */


/* End of 'accueil' */