@charset "UTF-8";

/* CSS de promethee - spécifique a la page d'accueil */

div#indexcontent {
	padding-top:25px;
}
span#headpresentassoc {
	position:absolute;
	left:85px;
	top:81px;
	width:588px;
	height:70px;
	z-index:3;
}
#mainlogo {
	position:absolute;
	z-index:100;
}
img#imgpresntassoc {
	background-image: url('../img/index/lien-l-association-promethee.png');
	background-position: top left;
	background-repeat: no-repeat;
}
img#imgpresntassoc.likehover {
	background-position: top -100px left 0;
}
span#spanpresntassoc, span#spanpresntassoc2 {
  margin:0px;
  padding:0px;
	font-size:8pt;
	display:none;
	position:absolute;
	font-style:normal;
	font-weight:normal;
	color:#666666;
}
span#spanpresntassoc {
	left:280px;
	top:45px;
}
span#spanpresntassoc2 {
	left:240px;
	top:58px;
}
a#btnpresntassoc {
	display:inline-block;
	background-image: url('../img/index/lien-l-association-promethee.png');
	background-position: top left;
	background-repeat: no-repeat;
	width:388px;
	height:70px;
	border-style:none;
}
a#btnpresntassoc:hover {
	background-position: top -100px left 0;
}
table.accueil
{
	background-image: url('../img/index/fond-lentille5.jpg');
	background-position: bottom left;
	background-repeat: no-repeat;
	margin-top:0px;
	margin-left:10px;
  font-weight:normal;
  font-style:normal;
	color:#666666;
}
.interline
{
	font-size:1px;
	height:5px;
	color:#666666;
	padding:0px;
	margin:0px;
}
td.interline2
{
	font-size:1px;
	height:1px;
}

table.news
{
	margin-top:30px;
	margin-bottom:30px;
	margin-left:auto;
	margin-right:0px;
	color:#666666;
}
th.news
{
	text-align:center;
	border-style:none;
	border-width:0px;
	font-weight: bold;
	font-style: italic;
	font-size:90%;
	padding:2px;
	background-color:#FFF1CC;
}
th.news
{
	background-image: url('../img/index/bord-angleHG4.gif');
	background-position: top left;
	background-repeat: no-repeat;	
	border-right-style:solid;
	border-right-width:1px;
	border-right-color:#F7BC5B;
}
td.news
{
	text-align:justify;
	border-style:none;
	font-weight: normal;
	font-style: normal;
	font-size:75%;
	padding:4px;
	border-left-style:solid;
	border-left-width:1px;
	border-left-color:#F7BC5B;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#F7BC5B;
	background-color:#FFFECC;
	background-image: url('../img/index/bord-angleBD4.gif');
	background-position: bottom right;
	background-repeat: no-repeat;	
}


/*******************/
/* BOUTONS DU MENU */
/*******************/
ul#leTourDesEnergies
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	/* Suppression du margin, du padding et des puces du <ul> */
}





/*
ul#leTourDesEnergies li
{
	margin: 0 0 5px 0;
	padding: 0;
	/* Suppression du padding du <li> et on définit une marge basse de 5px pour aérer le tout */
}

ul#leTourDesEnergies li a
{
	display: block ; /* On passe les liens en éléments de type block pour leur donner des propriétés de taille */
	width: 225px ;
	line-height: 52px ;

	color: #000;
	font-size:1px;

	padding:0px;
	margin:0px;
	text-indent: 53px ; /* On décale le texte de ..px du bord gauche */
	text-decoration: none ;

	background: url('../img/index/lien-CleTourDesEnergies.gif') no-repeat 0 0 ; /* On met une image de background, que l'on positionne à 0px du bord gauche et 0px du bord haut */
	border-style: none;
}

ul#leTourDesEnergies li a:hover
{
	background: url('../img/index/lien-CleTourDesEnergies2.gif') no-repeat 0 0px ; /* Et ici on décale l'image du background de 30px vers le haut pour laisser apparaître la 2eme partie de l'image */
}





a #leTourDesEnergies
{
  background-image: url('../img/index/lien-CleTourDesEnergies.gif');
  width:225px;
  height:52px;
}
a #leTourDesEnergies:hover
{
  background-image: url('../img/index/lien-CleTourDesEnergies2.gif');
}

span.ssTitre
{
	position:absolute;
	left:0;
	top:0;
}

div.text_autodecouvrant
{
  margin-left:20px;
	font-size:8pt;
	position:relative;
	left:0px;
	top:0px;
}
p.accesBlog
{
	padding-right:80px;
	vertical-align:bottom;
	margin-bottom:-20px;
	font-size: 10pt;
	font-style: italic;
	font-weight: bold;
	color:#DD772D;
	text-align:right;
}
a.accesBlog:link,a.accesBlog:visited,a.accesBlog:active, p.accesBlog a:link, p.accesBlog a:visited, p.accesBlog a:active
{
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
	color:#DD772D;
	text-decoration: underline;
}
a.accesBlog:hover, p.accesBlog a:hover
{
	color:#FF0000;
	text-decoration: underline;
}

#indexraccourci {
	padding-top:20px;
	padding-bottom: 20px;
	vertical-align: bottom;
}