/* CSS Document */

	body{
		margin: 0;
		/*font-family:"Times new roman", verdana, sans-serif;"trebuchet ms", */
		font-family:arial Helvetica, sans-serif;
		text-align: center; /*centre le contenu*/		
		}

	h1{
		marging-top:0;
		padding-top:0;
		}
	
	img{
		border:none;}
	
	.txtItalique{
		font-style: italic;}

	.txtGras{
		font-weight:bold;}

	.txtRouge{
		color:#990000;}	

	.txtRougeGras {
		font-weight:bold;
		color:#990000;
	}

	.txtBrun {
		color:#660000;
	}

	.celluleTableau{
		padding:0.5em;}
	
	.titreTableau{
		padding:0.2em 0 0.2em 0.5em;}
	
	.centrer{
		text-align:center;
	}

	#premier_titre {
		font-weight:bold;
		color:#660000;
		font-size:24px;
	}
	
	.txtItal {
		font-style:italic;
	}

	.txtSouligne {
		text-decoration:underline;
	}

	.petite_taille_texte {
		font-size:12px;
		color:#000000;
	}

	.minuscule_texte {
		font-size:10px;
	}

	.moyenne_taille_texte {
		font-size:12px; /* problème taille*/
	}

	.texte_14 {
		font-size:14px;
	}
	
	.grande_taille_texte {
		font-size:1.5em;
	}

	.texte_en_evidence {
		font-weight:bold;
		font-size:1.1em;
		letter-spacing:0.5em;	
	}	

	.contact_index {
		font-size:0.75em;
	}

	.noSouligne {
		text-decoration:none;
	}	

	.justifier {
		text-align:justify;
	}

	.margin_droite_bas {
		margin-right:5px;
		margin-bottom:5px;
	}

	#avis_encadre {
		color:#000000;
		border-color:#660000;
		border-width:0.04em;
		border-style:solid;
		width:auto;
		padding:5px 5px 5px 5px;

	}	

	/***************************** Gabarit du site, emplacement et dimension des élements    INDEX.PHP   **********************/
	#ensemble{
		margin: 5px 0;
		}
		
	#bordure_banniere{
		width:960px;
		margin:0 auto;
		height:100px;
		}
		
	#conteneur_banniere{
		max-height: 100px; /* au lieu de 115*/
		background-repeat: no-repeat;	
	}

	#nom_ecole{
		font-weight:bold;
		font-size:1.4em;
		letter-spacing:0.3em;		
		margin:0 auto;
		width:950px;	
	}
	
	#nom_ecole2{
		font-weight:bold;
		font-size:1.3em;
		margin:0 auto;
		width:950px;	
		color:#660000;
	}

	#navigation {
		font-size:0.7em;
		text-align:left;
		padding-top:0.5em;
		color:#000;
	}	

	#navigation a {
		text-decoration:none;
		color:#000000;
	}

	#menu_horizontal{
		font-weight:bold;
		font-size:0.8em;
		margin:0 auto;
		width:950px;	
		text-align:right;
		padding-top:0.5em;
		height:0.5em;
	}
	
	#menu_horizontal a {
		text-decoration:none;
		color:#000000;
	}
	
	#menu_horizontal a:hover {
		text-decoration:none;
		color:#A92828;
	}
	
	#chemin {
		text-align:left;
		font-size:0.8em;
	}

	#contenu_et_menu {
		position:relative;
		margin: 0 auto;
		width:950px;
		margin-bottom: 0;
		padding-bottom: 4em;
	}

	#menu{
		position: relative;
		float:left;
		width:11em;
		text-align:left;}
		
	#contenu{
		position:relative;
		padding-top:0.5em;
		margin-left:12.5em;
		text-align:left;
		font-family:Arial, "Times new roman", verdana, sans-serif;/*"trebuchet ms", */
		/*font-family:arial Helvetica,, sans-serif;*/
		padding-bottom:2em;
		}
		
	.conteneur{
		width: 950px;
		margin: 0 auto;
		}
	
	.clear{
		position:relative;
		clear:left;}
	
	#footer {
		position:relative;
		padding-top: 1em;
		text-align: right;
		background-color: transparent;
		clear:both;
		bottom:0;
		margin:0 auto;
		width:950px;
		height:auto;
	}

	#footer a {
		text-decoration:none;
		color:#999;
	}

	.footer_style {
		font-size:0.8em;
		color:#999;
		border-top-style:solid;
		border-top-width:0.1em;
		border-top-color:#999999;
	}

	#evenements_accueil {
		clear:both;
	}

	
	/***************************** Menu *****************************/
	#lstMenu a{
		text-decoration: none;
		display:block;}

	.txtRetour{
		font-weight:bold;
		font-size:small;}

	#lstMenu li{
		list-style:none;}
		
	#lstMenu{
		margin:2em 0 0 0;
		padding:0;
		width:11em;}
		
	#lstMenu li{
		font-weight:bold;
		margin:0 0 0.5em 0;
		padding:0 0 0.25em 0.25em;}
		
	#lstMenu li ul{
		margin: 0 0 0 1em;
		padding:0;}
		
	#lstMenu li ul li{
		font-weight:normal;
		padding:0;
		border-left:none;
		font-size:0.75em;}
	
	.logo{
		text-align:left;
		padding:1em;}
	


	/***************************** Contenu *****************************/
	.titre_page{
		font-size:1.2em;
	}
	
	.stitre_page_centre{
		text-align:center;
		font-size:1.3em;}
	
	
	/***************************** Événements *****************************/
	.itemEvenAvecMarge{
		margin-top:2em;}

	.stitre_page_centre_event{
		text-align:center;
		font-size:1.3em;
		color:#990000;}
	
	
	
	/***************************** Événements section et catégorie *****************************/
	#lstEvenementSecCat{
		overflow:auto;
		height: 7em;
		width:25em;
		margin-top:2em;
		padding:1em;}

	#lstEvenementAcc {
		overflow:auto;
		height: 10em;
		width:13em;
		margin-top:2em;
		padding-left:1em;
	}


	.titreEvenSecCat, .infosEvenSecCat{
		font-size:0.75em;}

	.infosEvenSecCat{
		padding-top:0.5em;}

	.itemEvenSecCat{
		padding-bottom:0.5em;}

	.itemEvenAvecMargeBSecCat{
		padding-top:0.1em;}

	.itemEvenAvecMargeHBSecCat{
		padding:0.2em 0 0.2em 0;}

			
	#evenements_cat, #evenements_sec{
		position:relative;
		margin-top:1em;}

	#texte_event{		
		margin-left:20px;	
		border-left: solid 0.1em ;	
		border-color:#990000;
		padding-left: 10px;	}

.li_para {
	list-style-image:url(./illustrations/fleche_PA.png);
}


	/***************************** Section et catégorie *****************************/
	.lstLiensExterne, .lstLiensExterneAccueil{
		position:relative;
		margin-top:2em;}
		
	.lstLiensExterne li, .lstLiensExterneCours li, .lstLiensUtiles li, .lstLiensExterneAccueil li{
		padding:0.2em 0 0.3em 0;
		list-style:none;}
	
	.lstLiensExterne ul, .lstLiensExterneCours ul, .lstLiensUtiles ul, .lstLiensExterneAccueil ul{
		padding:0;
		margin:0 0 0 1em;}

	#infos_categorie h2, #infos_section h2{
		padding: 0;
		margin: 0;
		font-size:1.3em;}
		
	#infos_categorie, #infos_section{
		text-align:left;
		padding-left:1em;
		width:500px;}
	
	.titre_site, .titre_directeur{
		font-weight:bold;}
	
	.hauteur_ligne_adresse{
		line-height:1.5em;}
	
	/***************************** Section *****************************/
	#liens_pre_grille_section{
		margin-top:2em;
		width:725px;
		text-align:center;}
	
	#aSignaler_acc_sec{
		margin:2em 0 0 0;
		padding:1em;
		text-align:center;}
	
	

	/***************************** Détails des cours *****************************/
	DL{
		margin-left:0.5em;}
	
	DT{
		margin-top:1.5em;}
		
	DD{
		margin-top:0.5em;}
		
	.desc_cours{
		margin:auto 2em;}
	
	.desc_cours dl{
		margin:0;
		padding: 0 1em 1em 1em;}
	
	.lstLiensExterneCours{
		margin:2em 0 1em 1em;}
	
    .titre_rubrique{
		text-decoration:underline;}


	/***************************** Grille de cours *****************************/
	.type_cours{
		font-weight:bold;}

	
	
	/***************************** Descriptions des sections *****************************/
	#description_section{
		margin-left:20px;	
		border-left: solid 0.1em ;	
		padding-left: 10px;	
	}


	/***************************** Accueil, Section et catégorie *****************************/
	#liens_externes_accueil {
		position:relative;
		height: 200px;
		min-height:200px;
		left:3px;	
		width:450px;	
	} 

	#img_acc_sec, #img_acc_cat{
		position:relative;
		width:200px;
		height:200px;		
	}

	#colonne_3_acc {
		position:absolute;
		left:535px;
		top:2px;
		width:14em;;
		height:auto;	
		display:inline;
	}
	
	#colonne_3_acc_img {
		position:relative;
		height:auto;			
	}

	#colonne_3_acc_liens {
		position:relative;
		height:auto;	
		margin-left:0;
	}

	.colonne_3_acc_liens_std {
		font-size:0.85em;
	}

	.colonne_3_acc_liens_small {
		font-size:12px;
	}

	.colonne_3_acc_li {
		list-style-image:url(../../illustrations/pucerouge.jpg);
	}
	.colonne_3_acc_li_small {
		list-style-image:url(../../illustrations/smallpucerouge.jpg);
	}


	.lstLiensUtiles, .lstLiensExterneAccueil, .lstEvenementsExtra {
		font-size:14px;
	}	

	.lstLiensExterne h2, .lstLiensExterneCours h2, .lstLiensUtiles h2, .lstLiensExterneAccueil h2{
		padding: 0;
		margin: 0 0 0.5em 0.5em;
		font-size:1.2em;
		width: 280px;
		color:#000000;
		font-weight:bold;
		}

	.agenda h2 {
		padding: 0;
		margin: 0 0 0.5em 0.5em;
		font-size:1.2em;
		width: 180px;
		color:#000000;
		font-weight:bold;
		border-bottom:1px solid;		
		}

	.lstLiensUtiles a, .lstLiensExterneAccueil a{
		color:#000000;		
		text-decoration:none;
	}

	
	#infos_categorie, #infos_section{
		position:relative;
		height: 200px;
		min-height:200px;
		left:225px;
		width:500;
		}


	/*Astuce pour qu'il n'y est pas de chevauchement de texte*/
	html>body #infos_categorie, html>body #liens_externes_accueil, html>body #infos_section{
		height: auto;
		min-height: 200px;}

	#texte_contenu{
		position:relative;
		top:-200px;
		float:left;
	}

	#resume a{
		text-decoration:none;
	}


/************************** partenariats.php ****************************/
.puce {
	list-style-image:url(../../illustrations/pucerouge.jpg);
}


/***************************** accueil_hepmbc.php  *****************************/			
#presentation {
	position:relative;
	float:left;
	width:auto;
	text-align:justify;
}

#justifier {
	text-align:justify;
	padding-right:1em;
}

.pad_image {
	float: left;
	border: 2px solid #000000;
	margin-right: 20px;
	margin-bottom: 6px;
	border-color:#CCCCCC;
	
}

.texte_accueil_hepmbc {
	font-size:0.9em;
	line-height:1.8em;
	text-align:justify;

}

.clear_texte {
	clear:both;
}


/***************************** contact, inscriptions  *****************************/	
 

	#contact_dr_image{
		position:relative;
		height: 200px;
		min-height:200px;
		left:225px;}
	
   
	#contact_liste_section {
   		 margin-left:50px;	
		border-left: solid thin ; 
		border-color: #990000 ;
		padding-left: 20px; }

		
	.contact_couleur_section{
		text-decoration: underline ; 
	}
	
/* PAGES CONTACT, INSCRIPTIONS*/
/* définit l'aspect du titre "section" */
	.contact_forme_titre{
		text-decoration:none;
		color:#990000;
		font-variant:small-caps;
		font-weight:bolder;
	}

/* définit l'aspect de la liste des sections */
  	.contact_taille_police_section{
		font-family: arial, verdana, sans-serif ;
		letter-spacing:1px;
		font-size:x-small;
		font-weight:500;
		color:#000000;
	}

.contact_taille_police_adresse{
	font-family: arial, verdana, sans-serif ;
	letter-spacing:1px;
	font-size:small;
	font-weight:500;
	color:#000000;
	}

/*************************************** service_orientation.php ************************************/
#droite_photo{
    margin-left:270px;	
	position:relative;
    line-height:1.8em;			
}



/*************************************** Informations générales ************************************/

#photo_sans_cadre{
	position:relative;
	width:300px;
	height:200px;	
}
		
#info_generales_avec_photo{
    margin-left:270px;	
	position:relative;
	top:-200px;
    line-height:1.8em;			
	text-align:justify;
}


#info_generales {
    margin-left:20px;	
    line-height:1.8em;			
	text-align:justify;
}

.texte_lien{
	font-size:x-small;
}

.titre{
	font-size:20px;	
	font-weight:bolder;
	color:#000000;
}

#liste_info_generales {
    margin-left:40px;	
	border-left: solid 0.1em ; 
	border-color: #990000 ;
	padding-left: 20px; 
	text-align:justify;
}

.enumeration{
	font-size:14px;
}
.enumeration_liste{
	font-size:14px;
	font-weight:600;
}

#adresse_organisme {
	margin-left:40px;
	font-weight:bold;
}

#liens_internes{
	margin-left:20px;
	color:#000000;
	font-weight:600;
	font-size:12px;
	}

#reglement {
	position:absolute;
	top:300px;
	margin-left:25px;
	width:550px;
}

#reglement h2 {
	color:#990000;
}

/***************************Infrastructures sportives ***************************/

#liste_colonnes{
	margin-left:50px;
	font-size:13px;
	line-height:1.7em;
	font-weight:bold;
}

table.liste_noms{
	font-weight:bold;
	font-size:13px;
}


.titre_sport{
	font-weight:bold;
	font-size:14px;	
	text-decoration:underline;
}

.titre_retrait{
	margin-left:30px;
}


.nouveau{	
	font-weight:bold;
	font-size:18px;
	color:#990000;
}

.nouveau_petit {
	font-weight:bold;
	font-size:14px;
	color:#990000;
}

.espace_long {
	letter-spacing:0.2em;
}


/**************************************Calendrier.php ***********************************************/

#info_generales_sous_photo{
	margin-left:10px;
	margin-top:-140px;
}

.centrer_texte{
	margin-left:150px;
	font-weight:bold;
	font-size:20px;
	color:#990000;
}

#info_calendrier{
	margin-left:30px;
	font-size:17px;
}

.info_calendrier_col1{
	font-weight:bold;
	width:220px;
}


/**************************************services ***********************************************/

.contacter{
	font-weight:bold;
	font-size:small;
	color:#990000;	
	text-decoration:underline;
}

#centrer_image {
	margin-left:20px;	
}


/**************************************FAQ ***********************************************/
.faq_titre{
	font-weight:bold;
	font-size:16px;
	color:#990000;
}

#faq_reponse{
	margin-left:20px;	
	border-left: solid 0.1em ; 
	border-color: #990000 ;
	padding-left: 10px;
	
}

#faq_adresse{
	margin-left:50px;
	font-size:14px;
	}

.faq_categorie_question{
	font-weight:bold;
	font-size:18px;
}

#faq_liste_question a{
	line-height:1.4em;
}

/************************************************* plateformes.php ***********************************************/
#information_plateforme {
	margin-left:20px;
}

.legende {
	font-size:14px;
	text-align:justify;
	font-weight:500;
}

.image_plateforme {
	border-style:double;
	border-color:#990000;
}


/********************************************* plandusite.php *************************************************/
#plan {
	width:35em;
	padding-left:3em;	
}

#plandusite_indent {
	margin-left:2.5em;
	border-left: solid thin ; 
	border-color: #990000 ;
	padding-left: 1em;;
}

#plandusite_indent a {
	text-decoration:none;
}

#plandusite_indent a:hover {
	text-decoration:underline;
}

.plan_taille_titre {
	font-size:1em;
}

.indent {
	padding-left:2em;
}

.plan_taille_texte_section {
	font-size:0.9em;
}