html, body{
	margin: 0;
	padding: 0;
}
body{
	background-color: #001e67; /* bleu foncé */
	color: #254A99;	 /* bleu */
	font-size: 14px;
	font-family:Arial, Helvetica, sans-serif;
}

#page{
	width: 990px;
	background-color:#FFFFFF;
	margin: 5px auto 20px auto; /* haut droite bas gauche */
	text-align: left;
}

#entete{
	height:178px;
}




/***** CONTENU de la page => textes et graphiques
-------------------------------------------------------- */

#contenu {
	/*background:url(../images/pan_solaire_fond2.jpg) no-repeat center;*/
	font-size:14px;
	font-weight:bold;
	height:400px;
	text-align:justify;
	margin-top:60px;

}

#contenu ul{
	text-align:center;
	font-size:14px;
}

#contenu ul li{
	padding-top:20px;

}

#contenu p .decal{
	margin-left:80px;
}

#contenu td .souligne{
	text-decoration:underline;
	font-weight:bold;
	color:#CC6600;	/*orange*/
}

/***** Liens dans "contenu" "td"
-------------------------------------------------------- */

#contenu td a:link{
	color:#CC6600;	/*orange*/
	text-decoration:none;
	border-bottom: #254A99 1px dotted;
}
#contenu td a:visited{
	color:#CC6600;	/*orange*/
	text-decoration:none;
	border-bottom: #254A99 1px dotted;
}
#contenu td a:hover{
	color:#254A99;	 /* bleu */
	text-decoration:none;
	border-bottom: #254A99 1px dashed;
}
#contenu td a:active{
	color:#CC6600;	/*orange*/
	text-decoration:none;
	border-bottom: #254A99 1px dotted;
}


/***** image photo groupe
-------------------------------------------------------- */

#photogrp
{
	position:absolute;
	margin-left:625px;
	margin-top:50px;
}

/***** image portes ouvertes
-------------------------------------------------------- */

#flyerPO
{
	position:absolute;
	margin-left:90px;
	margin-top:40px;
}





/***** 				PIED DE PAGE
-------------------------------------------------------- */

#piedpage{
	background-color: #001e67; /* bleu foncé */
	color:#FFFFFF;
	font-size:16px;
	height:200px;
	text-align:center;
}

#piedpage p .douze{
	font-size:16px;
}

/***** Liens dans "piedpage"
-------------------------------------------------------- */

#piedpage a:link{
	color:#FFFFFF;	/*blanc*/
	text-decoration:none;
}
#piedpage a:visited{
	color:#FFFFFF;	/*blanc*/
	text-decoration:none;
}
#piedpage a:hover{
	color:#CC6600;	/*orange*/
	text-decoration:underline;
}
#piedpage a:active{
	color:#FFFFFF;	/*blanc*/
	text-decoration:none;
}

/***** 			popup mentions légales
-------------------------------------------------------- */
#piedpage a.bulle {
     position:relative;
     text-decoration:none;
     font-family:arial, verdana, sans-serif;
     font-size:16px;
   }
   
#piedpage a.bulle:hover {
      background: none;
      z-index: 50;
   }
   
#piedpage a.bulle span {
     display: none;
   }
   
#piedpage a.bulle:hover span {
      display: block;
      position: absolute;
      top: -600px;
      left: -200px;
      text-align:justify;
	  text-decoration:none;
	  color: #254A99;	 /* bleu */
      width:650px;
      background: white;
      padding: 5px;
      border: 2px solid #001e67; /* bleu foncé */
   }