body {
  margin:0;
  padding:0;
  width:100%;
  background: url(images/fondVerticalAccueil.jpg) repeat-y center top;
  text-align:center;
  font-family:Geneva, Arial, Helvetica, sans-serif;
  font-size:11px;
}

p {
margin:0;
}

img {border:0;}

div#global {
  width:100%;
  background: url(images/fondHorizontal.jpg) repeat-x center top;
}

div#fondContent {
  width:100%;
  background:url(images/fondGlobal.png) no-repeat center top;
}

div#wrapped {
  margin:auto;
  width:950px;
  background:url(images/fondContainer.jpg) repeat-y center top;
}

div#main {
  margin:0;
  padding: 0;
  width:950px;
  background: url(images/fondGlobal.png) center top no-repeat;
  text-align: left;
}

div#navi {
  float: left;
  margin: 0;
  padding: 0;
  margin-top: 10px;
  width: 220px;
 /* border:2px solid #FF3333;*/

}




div#navi ul {
  margin:0;
  padding:0;
  margin-top:10px;

  width: 220px;
}

div#navi ul li {
  padding-left:25px;
  width: 195px;
}

div#navi ul li {
  list-style:none;
}

div#navi ul li a{
display:block;
/*
margin-bottom:6px;
border:1px solid #33FFCC;*/
}

div#navi ul li span {
position:absolute;
top: -500px;
}


a#qsn {
background: url(images/qsn.jpg) no-repeat ;
height:27px;
}
a#accueilActu {
background: url(images/accueil.jpg) no-repeat ;
height:27px;
}
a#entreprendreAutr {
background: url(images/entreprendre.jpg) no-repeat ;
height:27px;
}
a#travaillerAutr {
background: url(images/travailler.jpg) no-repeat ;
height:27px;
}
a#observatoire {
background: url(images/observatoire.jpg) no-repeat ;
height:27px;
}
a#ressource {
background: url(images/ressource.jpg) no-repeat ;
height:27px;
}
a#lien {
background: url(images/lien.jpg) no-repeat ;
height:27px;
}
a#dla {
background: url(images/dla.jpg) no-repeat ;
height:45px;
}
a#contact {
background: url(images/contact.jpg) no-repeat ;
height:27px;
}
a#moisEco {
background: url(images/moisEco.png) no-repeat ;
height:131px;
}

div#navi hr{
  margin-left: 25px;
  border-bottom-color:#999999;
}




div#centercontent {
  padding: 0px;
  margin: 0;
  margin-left: 238px;
  width: 700px;
}

div#bannerImgs {
  margin: 0;
  padding: 0;
  width: 700px;
}

span#entreprendre {
  float:left;
  margin: 0;
  margin-right: 40px;
  width:235px;
  height:280px;

}

span#travailler {
  float:left;
  margin: 0;
  width:235px;
  height:280px;

}


div#content {
  margin: 0;
  padding: 0;
  padding-top: 30px;
  padding-left: 25px;
  width:686px;
  height:568px;
  text-align:left;
}


div#agendaBox {
  float:right;
  margin: 0;
  margin-top:48px;
    margin-left:12px;
padding-right:-3px;
  width:222px;
  background:url(images/fondAgenda.jpg) repeat-y left top;
  text-align:left;
}


ul#agenda {
  display:block;
  margin:0;
  padding:0;
  padding-left: 22px;
  padding-right:22px;
  padding-bottom:22px;
  background:url(images/fondAgenda.jpg) repeat-y left top;
  list-style-type:none;
}

span#piedAgenda {
  display:block;
  width:222px;
  height:8px;
  background:url(images/piedAgenda.jpg) no-repeat left top;
  font-size: 1px; /* Evite bug IE */
}

span.actu {
  display:block;
  margin: 0;
  margin-top:0px;
  padding: 0;
  margin-right:20px;
  padding-bottom:30px;
  color:#103c3c;
}


.actu h1 {
display:block;
height:31px;
font-size:16px;
line-height:14px;
color:#8e1b5b;
font-weight:normal;
padding-left:40px;
background-image:url(images/puceActu.jpg);
background-repeat:no-repeat;
margin:0;
}

.actu h1 a {
padding:0;
display: block;
line-height:14px;
padding-right:25px;
background-image:url(images/puceLien.jpg);
background-position:right;
background-repeat:no-repeat;
color:#8e1b5b;
text-decoration: none;
border-bottom: 1px #8e1b5b dashed;
}
.actu h1 a:hover {
text-decoration:none;
border-bottom: 1px solid #f5f9e6;
}

.actu h2 {
font-size:13px;
font-weight:normal;
color:#4a0c2f;
margin:0;
margin-top:5px;
margin-bottom:3px;
padding:0;
padding-left:40px;
}

.actu a {
padding-left:40px;
}

a.lien {
padding:0;
display: inline-block;
padding-right:25px;
background-image:url(images/puceLien.jpg);
background-position:right;
background-repeat:no-repeat;
color:#8e1b5b;
}

a.lien:hover {
text-decoration:none;
}

a.lienExt {
padding:0;
display: inline-block;
padding-right:14px;
background-image:url(images/puceLienExt.jpg);
background-position:right;
background-repeat:no-repeat;
color:#8e1b5b;
}

a.lienExt:hover {
text-decoration:none;
}

a.lienDoc {
padding:0;
display: inline-block;
padding-right:15px;
background-image:url(images/puceDoc.gif);
background-position:right;
background-repeat:no-repeat;
color:#8e1b5b;
}

a.lienDoc:hover {
text-decoration:none;
}

a.date { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
	color:#8e1b5b;
	text-decoration:none;
	font-weight:bold;
	letter-spacing:normal;
    white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none;
	font-size:12px;
} 
a.date span { 
    position:relative; 
    float:left; 
    padding:0 0 0 8px; 
    vertical-align:middle; 
    background: url(images/bordGaucheDate.jpg) left top no-repeat;
	margin:0;
	
} 
a.date span span { 
    padding:0 8px 0 0; 
    background: url(images/bordDroitDate.jpg) right top no-repeat;
	margin:0;
} 
a.date span span span { 
    height:23px; 
    padding:0; 
    line-height:2; 
    background: url(images/fondDate.jpg) left top repeat-x;     vertical-align:middle;
	margin:0;
} 
 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}

.textDate {
display:block;
padding-left:5px;
color:#103c3c;
margin-top:3px;
margin-bottom:10px;
text-decoration:none;
font-size:11px;
}