/*
----------------------------------------------------------------
Auteur: Jocelyn Berger
Date de création : 25.07.06
Fichier: agenda.css
Description: Mise en page de la structure pour la page d'accueil
----------------------------------------------------------------
*/

/* STRUCTURE POUR LA PAGE D'ACCUEIL */


#contenu_accueil {
	margin-left: 110px;
	padding-top: 10px;
	padding-bottom: 15px;
	padding-left: 40px;
	padding-right: 10px;
	
	width: 650px;
	
	text-align: left;
	
	height: auto;
	
	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
	
	z-index: 0;	
}

.colonnes {
	margin-top: 30px;
}

#colonne1 {
	margin-top: 30px;
	
	width: 270px;
	
	vertical-align: top;
}

#colonne2 {
	margin-top: 30px;

	width: 270px;
	
	vertical-align: top;
}

#cadre_droite_accueil {
	position: absolute;

	top: 20px;

	margin-left: 716px;
	padding-top: 8px;
	padding-bottom: 10px;
	
	width: 170px;

	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
	
	background-color: #FFFFFF;
	
	text-align: center;
	
	z-index: 5;
}

.contenu_cadre_droite_accueil {
	margin-bottom: 20px;
}

#formulaire_envoi_mail_newsletter {
	margin-top: 5px;
	margin-bottom: 5px;
}

.champ_formulaire_envoi_mail_newsletter_standard {
	margin-bottom: 5px;
	
	width: 160px;
	
	font-size: 11px;
	
	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
}

#bouton_formulaire_envoi_mail_newsletter {
	font-size: 11px;

	background-color: #FFFFFF;

	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
}

.cadres {
	margin-bottom: 5px;

	padding: 8px 10px 10px 10px;
	
	vertical-align: top;

	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
}

.tableaux_accueil {
	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
	
	margin-top: 5px;
	margin-bottom: 10px;
}

.tableaux_accueil td {
	padding-left: 5px;
	padding-right: 5px;
	
	font-size: 11px;
	
	vertical-align: top;
}

.tableaux_accueil a:link {
	text-decoration: none;
}

.tableaux_accueil a:visited {
	text-decoration: none;
}

.tableaux_accueil a:hover {
	text-decoration: underline;
}

.titres_tableaux_accueil {
	font-style: italic;
  
	background-color: #D2D2D2;
}

.tableau_agenda_colonne1 {
	width: 65px;
}

.tableau_agenda_colonne2 {
	width: 150px;
}

.tableau_competition_individuel_colonne1 {
	width: 85px;
}

.tableau_competition_individuel_colonne2 {
	width: 85px;
}

.tableau_competition_individuel_colonne3 {
	width: 28px;
}


/* STRUCTURE POUR LES SURFACES DE TATAMIS */
.surface_tatamis {
	position: absolute;
	
	margin-top: 12px;
	
	padding: 1px 1px 1px 1px;
	
	font-size: 0px;
	
	background-color: #FFFFFF;
	
	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
	
	z-index: 10;
}


/* STRUCTURE POUR LES NOUVELLES GALERIES DE PHOTOS, DE VIDEOS ET LES NOUVEAUX ARTICLES DE PRESSE */
.cadre_nouveautes_accueil a:link {
	text-decoration: none;
}

.cadre_nouveautes_accueil a:visited {
	text-decoration: none;
}

.cadre_nouveautes_accueil a:hover {
	text-decoration: underline;
}

.cadre_nouveautes_accueil_premier {

}

.cadre_nouveautes_accueil_suivants {
	margin-top: 5px;
}



/* STRUCTURE POUR LA PHOTO DU MOIS */
.photo_du_mois_vignette {
	position: absolute;
	
	margin-top: 12px;
	
	padding: 1px 1px 1px 1px;
	
	font-size: 0px;
	
	background-color: #FFFFFF;
	
	border-style: solid;
	border-width: 1px;
	border-color: #D2D2D2;
	
	/* Pour Internet Explorer */
	filter: alpha (opacity=60);
	
	/* Pour FireFox */
	opacity: 0.60;
	
	/* Pour Mozilla */
	-moz-opacity: 0.60;
	
	z-index: 15;
}

#cadre_photo_du_mois_horizontal {
	width: 150px;
}

#cadre_photo_du_mois_vertical {
	height: 150px;
}