@charset "utf-8";
/* CSS Document */

/* Mise en forme générale */
body{
	background-color:#e6f1f8;
}

.fond{     
	position: relative; /* on positionne le conteneur */
	/*padding-top: 5em;*/
    margin-left: auto;
    margin-right: auto;
	background-image:url(../images/accueil/principale.jpg);
	height:600px;
	width:800px;
	background-color:#e6f1f8;
	/*border:solid 1px #000000;*/
}

.mefTitre{
	text-align:center;
	font-family: Arial, Helvetica, sans-serif; 
	color: #0033CC;
	font-size:xx-large;
	margin-top: 3px;
	margin-top: 5px;
}

.mefsousTitre1{
	color: #0033CC;
	text-align:center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:x-large;
}

.mefsousTitre2{
	color: #00000;
	text-align:center;
	font-family: Trebuchet MS, Tahoma, Verdana, sans-serif; 
}

.pied-de-page{
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	position:absolute;
	top: 678px;
	text-align:center;
	left: -1px;
	width: 800px;
}

/* placement des liens */
.lien{ 
	font:14px Trebuchet MS, Tahoma, Verdana, sans-serif bold ;
	color: #26354A;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding: 2px 10px;
	border:solid 1px;
	border-color:#FFFFFF;
	background-color:#323795;
	color:#FFFFFF;
}

.lien_CR{ 
	font:14px Trebuchet MS, Tahoma, Verdana, sans-serif bold ;
	text-decoration: none;
	letter-spacing:.1em;
	line-height:16px;
	display:block;
	padding: 2px 10px;
	border:solid 1px;
	border-color:#FFFFFF;
	background-color:#323795;
	color:#FFFF00;
}

.lien:hover {
	border-color:#000000;
	background-color:#99d2e3;
	color:#000000;
}

/*#presentation{
	position:absolute;
	top: 115px;
	left: 225px;
	width: 130px;
}*/

#compte_rendu{
	position:absolute;
	top: 115px;
	left: 225px;
	width: 130px;
}

#programme{
	position:absolute;
	top: 200px;
	left: 75px;
}

#partenariats{
	position:absolute;
	top: 375px;
	left: 25px;
}

#infos_prat{
	position:absolute;
	top: 600px;
	left: 350px;
	width: 130px;
}

#presse{
	position:absolute;
	top: 375px;
	left: 650px;
}

/*#inscription{
	position:absolute;
	top: 210px;
	left: 650px;
}*/

#photos{
	position:absolute;
	top: 210px;
	left: 650px;
}

/* gestion des images */
.logoCatel{
	position:absolute;
	top: 600px;
	left: 400px;
	border:none;
}


/* Réalisation des bulles d'aide */
/*Presentation / Compte-rendu*/
.bulle0 {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 200px;       /* largeur de la zone de commentaires, selon la taille du menu */
	text-align: justify;
	border-top: 1px solid gray;
	color: #000;
}

/*Programme*/
.bulle1 {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 150px;       /* largeur de la zone de commentaires, selon la taille du menu */
	text-align: justify;
	border-top: 1px solid gray;
	color: #000;
}

/*Partenariats*/
.bulle2 {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 150px;       /* largeur de la zone de commentaires, selon la taille du menu */
	text-align: justify;
	border-top: 1px solid gray;
	color: #000;
}

/*InfosPratiques*/
.bulle3 {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 250px;       /* largeur de la zone de commentaires, selon la taille du menu */
	text-align: justify;
	border-top: 1px solid gray;
	color: #000;
}

/*Presse*/
.bulle4 {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 150px;       /* largeur de la zone de commentaires, selon la taille du menu */
	text-align: justify;
	border-top: 1px solid gray;
	color: #000;
}

/*Inscriptions / Photos */
.bulle5 {
	display: none;
	position: absolute;
	top: 20px;
	left: 0px;
	width: 150px;       /* largeur de la zone de commentaires, selon la taille du menu */
	text-align: justify;
	border-top: 1px solid gray;
	color: #000;
}

a:hover span {   /* définition de la balise <span> au survol */
	display: block;
}

.hypertexte {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 16px;
	color: #0000FF;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

.hypertexte2 {
	font-family: "Trebuchet MS", Tahoma, Verdana, sans-serif;
	font-size: 12px;
	color: #0000FF;
	text-decoration: underline;
	font-weight: bold;
	font-style: italic;
}

}