﻿@charset "UTF-8";

/* CSS du site Promethee. CSS commun a toutes les pages */

/*****************************************/
/* COMPORTEMENTS PAR DEFAUT DES ELEMENTS */
/*****************************************/
th,td, tbody {
padding:0px;
margin:0px;
}

/**********/
/* ENTETE */
/**********/
div.entete {	
	background-image:url('../img/common/fond-entete-24.png');
	background-position: top left;
	background-repeat: no-repeat;
	width:749px;
	height:150px;
	margin-bottom:0px;
	vertical-align:top;
	position:relative;
}
div.entete.mainindex {
	background-image:url('../img/common/fond-entete-24index.png');
	height:151px;
}
img.img_titre {
  margin-left:50px;
  margin-top:20px;
}
img#sloganpresentationsimple {
	display: inline-block;
	position: absolute;
	left:400px;
	top:0px;
}
a#sloganpresentation {
	display: inline-block;
	position: absolute;
	left:400px;
	top:0px;
	text-decoration:none;
}
a#sloganpresentation > img {
	display:block;
	background-image:url('../img/common/slogan_cette_energie.png');
	background-position: top left;
	background-repeat: no-repeat;
	height:60px;
}
a#sloganpresentation:hover > img {
	background-position: top -86px left 0;
}
a#sloganpresentation > span {
	display:none;
}
a#sloganpresentation:hover > span {
	display:block;
	color:black;
	font-size:7pt;
	text-decoration:none;
	margin-top:-8px;
	margin-right: 20px;
	font-style: normal;
	font-weight: normal;
	text-align: right;
	text-shadow: 1px 0 0 #EEEEEE, -1px 0 0 #EEEEEE, 0 1px 0 #EEEEEE, 0 -1px 0 #EEEEEE, 1px 1px #EEEEEE, -1px -1px 0 #EEEEEE, 1px -1px 0 #EEEEEE, -1px 1px 0 #EEEEEE;
}
span#headyoursession {
	position:absolute;
	right:10px;
	top:115px;
	text-align: right;
	font-size:7pt;
	font-weight: normal;
	font-style: normal;
	z-index:51px;
}
a#mainlogo {
	display:inline-block;
	height:148px;
	width:135px;
}
a#mainlogo:hover {
	background-image:url('../img/common/logo-promethee-hover.png');
	background-position: top left;
	background-repeat: no-repeat;
	height:148px;
	width:135px;
}
a#mainlogo:hover > img {
	display:none;
}



/*********/
/* CORPS */
/*********/
div.corps
{
	background-color: #FFFFFF;
	background-image: url('../img/common/bord-cote.gif');
	background-position: top left;
	background-repeat: repeat-y;
	padding-left:10px;
	padding-right:10px;
/*	padding-bottom:20px;*/
}



/****************/
/* PIED DE PAGE */
/****************/
div.bordureBas {
	background-image:url("../img/common/bord-basF3.gif");
	background-position: bottom left;
	background-repeat:no-repeat;
	border-top-style:solid;
	border-top-width:1px;
	border-top-color:#F7BC5B;
	vertical-align:middle;
	padding:5px;
	font-size: 7pt;
	color:#BE8830;
}
div.bordureBas td {
	font-size: 7pt;
}
h1.foot {
  font-size: 7pt;
  font-weight: normal;
  width: auto;
  height: auto;
  display: inline;
}
h1.menu {
  font-size: 12pt;
  width: auto;
  height: auto;
  display: inline;  
}
a.foot:link, a.foot:active, a.foot:visited {
	text-decoration:none;
	color:#BE8830;
	font-weight:inherit;
	font-size:inherit;
}
a.foot:hover {
	text-decoration:underline;
	color:#7077FF;
}
table.footcontact {
	margin-right: 6px;
}
td.footcontact {
	background-color: #FFFFFF;
	border-style: dotted none dotted dotted;
	border-color:#F7BC5B;
	border-width:1px;
	padding: 0px;
	vertical-align: middle;
}
td.footcontacthover {
	height: 15px;
	background-color: #F7BC5B;
	border-style: solid none solid solid;
	border-color:#D19E4D;
	border-width:1px;
	padding: 0px;
}
a.footcontact:link, a.footcontact:active, a.footcontact:visited {
	text-decoration: none;
	color:#916523;
	font-style: inherit;
	font-weight: inherit;
	font-size: inherit;
	padding: 0px 0px 0px 4px;
}
a.footcontact:hover {
	color:#5F4217;
	background-color: #F7BC5B;
}
img.footcontact {
	vertical-align: bottom;
}


/*********************/
/* STYLES GENERIQUES */
/*********************/
.myHidden
{
	display:none;
}
.myLink
{
  cursor:pointer;  
}
.left
{
	text-align:left;
}
.justify
{
  text-align:justify;
}
.bottom
{
	vertical-align:bottom;
}
.bold
{
	font-weight:bold;
}
.italic
{
  font-style:italic;
}
.micro
{
  font-size:1px;
}
.marginTop
{
  margin-top:20px;
}
.bigPaddingTop
{
  padding-top:50px;
}
.gris
{
	color:#999999;
}

/******************/
/* STYLES COMMUNS */
/******************/
.texteNormal {
	font-size:80%;
}
.texteNormal2 {
	font-size:9pt;
}
.smallpaddingtop {
	padding-top: 10px;
}
.smallpaddingleft {
	padding-left: 10px;
}
.texteFin
{
	font-size:80%;
	font-weight: normal;
	font-style: normal;
}
.texteTresPetit
{
  font-size:55%;
  font-weight:normal;
}
.texteDiscret
{
  color:#999999;
  font-style:normal;
}
.nonItalic
{
  font-style:normal;
}
.paddingRight
{
  padding-right:20px;
}
a.CNIL:link, a.CNIL:active, a.CNIL:visited
{
  color:#999999;
  text-decoration:underline;
}
a.CNIL:hover
{
  color:#000000;
  text-decoration:none;
}
.surFondBlanc
{
  background-color: #FFFFFF;
}

.div680
{
  width:680px;
	padding-left:20px;
	padding-right:20px;
}	

.synopsis
{
	margin-top:5px;
  font-size:80%;
  width:680px;
	font-weight:bold;
}
.textePadding, .synopsis
{
	padding-left:20px;
	padding-right:20px;
}

.article
{
  text-align:justify;
	font-style: normal;
	font-weight:normal;
}
.paragraphe
{
	margin-bottom:5px;
	margin-top:5px;
	text-indent:10px;
  font-size:70%;
}
.paragrapheSansAlinea
{
	margin-bottom:5px;
	margin-top:5px;
  font-size:75%;
}

.source
{
  color:#666666;
}

.enConstruction
{
  width: 321px;
  height: 147px;
	background-image:url('../img/common/photo-puzzle.jpg');
	background-position: center center;
	background-repeat:no-repeat;
	text-align:center;
	vertical-align: bottom;
  padding: 10px;	
	margin: 0px auto 0px auto;
}

