body {
	margin: 0;
	padding: 0;

	background-color: #c87e11;
}

#page {
	margin: auto;
	width: 988px;
}


/*--------------------------------------------------------------------
/* ENTETE
/**/

#entete {
	width: 988px;

	text-align: right;
	font-size : 12px;
	color: #EFD7B5;

	margin-bottom: 0.5em;
	margin-top: 1em;
}

#entete a {
	color: #EFD7B5;
	text-decoration: none;
}

#entete a:hover {
	color: #fff;
}


/*--------------------------------------------------------------------
/* PRINCIPAL
/**/

#principal {
	position: relative;
	width: 988px;

	background-image: url("/images/fond-centre.gif");
	background-repeat : no-repeat;
	background-position: bottom; 
	background-color: #FFF;

	z-index : 10;
}


/*--------------------------------------------------------------------
/* COLONNE GAUCHE
/**/

#colonne_gauche {
	float: left;
	position: relative;
	z-index: 3000;

	width: 235px;

	background-image: url("/images/fond-gauche.gif");
	background-repeat : no-repeat;

	padding-left: 38px;
	padding-top: 20px;
	padding-bottom: 20px;
}


#hexagone {
	padding-top: 20px;
	text-align: center;
}

#matinees_lanaudoises {
	text-align: center;

	margin-top : 1em;
}


/*--------------------------------------------------------------------
/* MENU
/**/

#menu {
	position: relative;
	
	
	width: 220px;
	margin-top: 10px;
	margin-bottom: 20px;
}

#menu a {

	display: block;
	width: 210px;
	font-size: 12px;
	font-weight: bold;
	height: 20px;
	padding-left: 5px;
	padding-top: 4px;
	text-decoration: none;
}

#menu a:hover{
	text-decoration: underline;
}

#menu .menu-gauche-fond{
	background-image: url("/images/fond-menu-gauche.gif");
	background-position: left;
	color: #003479;
}

#menu .menu-gauche {
	color: #ee9313;
}


#financez_mon_projet {
	/*position: relative;

	left: -6px;
	top: 67px;*/
	margin-top: 67px;
	width: 221px;
	height: 151px;

	text-align : center;
}

#concours-entreprenez {
	margin-top: 67px;
	width: 221px;

	text-align : center;
}

#excelsiors {
	width: 221px;
	text-align: center;
	margin-top: 1em;
	margin-bottom: 1em;
}

#bande_gauche-entreprenez {
	margin-top: 25px;
}

#annonce {
	position: relative;
	margin-top: 10px;
	left: -11px;
	height: 126px;
	width: 208px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 40px;
	line-height: 1.3em;
	font-size: 11px;
	background-image: url("/images/annonce.gif");
	background-repeat : no-repeat;
	text-align: center;
}

#annonce strong,
#annonce a {
	color: #e00517;
}


/*--------------------------------------------------------------------
/* COLONNE DROITE
/**/

#colonne_droite {
	z-index: 10;
	position: relative;
	float: right;

	width: 693px;
}

#section {
	position: relative;
	width: 693px;
	height: 146px;

	/*background-image: url("/images/section.jpg");
	background-repeat : no-repeat;
	background-position: right;*/

	margin-bottom: 10px;
}

#titre {
	position: absolute;
	bottom: 20px;
	left: 2px;
	width: 382px;
	padding-left: 15px;
	padding-bottom: 10px;
	
	color: #326e24;
	font-size: 22px;
	font-style: italic;
	font-weight: bold;
	text-align: center;
}


/*--------------------------------------------------------------------
/* FIL
/**/

#fil {
	color: #c87e11;
	margin-left: 20px;
}


/*--------------------------------------------------------------------
/* CONTENU
/**/

#contenu {
	
	color: #595959;
	padding-bottom: 20px;
	margin-left: 20px;
	margin-right : 40px;
}


/*--------------------------------------------------------------------
/* COLONNE MILIEU
/**/

#colonne_milieu {
	z-index: 10;
	position: relative;
	float: left;
	width: 431px;
}

#contenu-accueil {
	position: relative;
	float: left;
	width: 650px;
	color: #595959;
	line-height: 1.5em;
	/*padding-top : 410px;*/
	padding-bottom: 20px;
	padding-left: 13px;
}

#contenu-accueil a {
	color: #0f3c7b;
}

#contenu-accueil a:hover {
	color: #000;
}

#contenu-accueil h1 {
	color: #003479;
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
	/*margin-top: 5px;*/
	
}

#imgEntete {
	position: absolute;
	margin-top: 15px;
	z-index: 10;
	left: -17px;
	top: 38px;
	height: 320px;
	width: 461px;
	background-image: url("/images/fond-entete.jpg");
	background-repeat : no-repeat;
	padding-top: 36px;
	padding-left: 36px;
}

#message-haut {
	position: absolute;
	z-index: 2000;
	top: 33px;
	left: 185px;
}

/*--------------------------------------------------------------------
/* conteneur
/**/

#conteneur {
	padding-bottom: 30px;
}

/*--------------------------------------------------------------------
/* DROITE ACCUEIL
/**/

#droite-accueil {
	z-index: 2000;
	position : relative;
	float: right;
	width: 714px; /*253px;*/
	padding-top: 20px;
	padding-bottom:50px;

	height : 340px;
}


/*--------------------------------------------------------------------
/* LIENS RAPIDES
/**/

#liens_rapides {
	position : absolute;
	left : 485px;
	top : 40px;

	z-index : 20;
}

#droite-carte,
#droite-guide,
#droite-bulletin {
	color : #6b6b6b;
	font-weight : bold;
	font-size : 15px;
}

#droite-carte a,
#droite-guide a,
#droite-bulletin a {
	color : #6b6b6b;
	text-decoration : none;

	display : block;
}

#droite-carte a:hover span,
#droite-guide a:hover span,
#droite-bulletin a:hover span {
	text-decoration : underline;
}

#droite-carte img,
#droite-guide img,
#droite-bulletin img {
	border : 0;
}

#droite-carte {
	position : relative;

	width : 215px;

	padding-bottom : 15px;

	background-image : url(../images/droite-carte-fond.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
}

#droite-carte a span {
	color: #96ab57;
}

#droite-carte .image {
	position : absolute;
	top : 0;
	left : -15px;
}

#droite-carte .texte {
	padding-left : 100px;
	padding-top : 20px;
	padding-bottom : 5px;
}

#droite-guide {
	position : relative;

	width : 215px;

	padding-bottom : 15px;

	background-image : url(../images/droite-guide-fond.gif);
	background-repeat : no-repeat;
	background-position : left bottom;
}

#droite-guide a span {
	color: #591056;
}

#droite-guide .image {
	position : absolute;
	top : 10px;
	right : 0;
}

#droite-guide .texte {
	padding-top : 30px;
	padding-bottom : 10px;
	padding-right : 115px;
}

#droite-bulletin {
	position : relative;

	width : 215px;
}

#droite-bulletin a span {
	color: #c87e11;
}

#droite-bulletin .image {
	position : absolute;
	top : 10px;
	left : -15px;
}

#droite-bulletin .texte {
	padding-top : 30px;
	padding-left : 90px;
	padding-right : 10px;
	text-align : right;
}


/*--------------------------------------------------------------------
/* CONTENEUR DROITE ACCUEIL (nouvelles, twitter, etc)
/**/

#conteneur-droite-accueil {
	float : right;
	width: 309px;
}

#twitter {
	margin-top : 1em;
	/*padding-left : 20px;*/
	padding-right: 15px;
	text-align : right;
}

#twitter img { border : 0; }

/*--------------------------------------------------------------------
/* NOUVELLES
/**/

#haut-nouvelles {
	background-image: url("/images/haut-nouvelles.gif");
	background-repeat : no-repeat;
}

#bas-nouvelles {
	background-image: url("/images/bas-nouvelles.gif");
	background-repeat : no-repeat;
	background-position: bottom left;
}

#contenu-nouvelles {
	padding-top: 55px;
	padding-left: 33px;
	padding-right: 37px;
	padding-bottom: 30px;
}

#nouvelles {
	width: 309px;
	min-height: 266px;
	font-size: 11px;
	
	color: #595959;

	background-image: url("/images/centre-nouvelles.gif");
	background-repeat : repeat-y;
}

* html #nouvelles {
	height: 266px;
} 

#nouvelles hr {
	
	width: 238px;
	color : #8398a5;
}

#nouvelles a {
	
	color: #003479;
	text-decoration: none;
	
}

#nouvelles a:hover {
	text-decoration: underline;
}

#nouvelles .details {
	text-align: right;
}


/*--------------------------------------------------------------------
/* PIED
/**/

#pied {
	position: relative;
	width: 988px;
	margin-top : 1.5em;

	height : 2.5em;

	color: #EFD7B5;
	font-size: 0.85em;
}

#pied a {
	text-decoration: none;
	color: #EFD7B5;
}

#pied a:hover {
	color: #fff;
}

#copyright {
	float: left;
}

#conception {
	float: right;
}

/*---------------------------------------------------------------------
/* slide show
/**/
#slideshow {
    position:relative;
   
}

#slideshow DIV {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
    
    background-color: #FFF;
}

#slideshow DIV.active {
    z-index:10;
    opacity:1.0;
}

#slideshow DIV.last-active {
    z-index:9;
}

#slideshow DIV IMG {
    
    display: block;
    border: 0;
    margin-bottom: 10px;
}


/*--------------------------------------------------
/* bas de page
/**/

#bas-de-page {
	border-top: 1px dashed #f9a830;
	padding-top: 20px;
	height: 70px;
	margin-top: 20px;
}

#bouton-partager {

	font-size: 10px;
	float: right;
	width: 200px;
}

#logos-bas-de-page {
	float: left;
	width: 400px;
}

#logos-bas-de-page img {
	margin-right: 20px;
	border: 0;
}