html 
{
  height: 100%;
}

* Pied
{
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}

body
{
   min-height: 100%;
    position: relative;	
    margin: 0;
    padding: 0;	
	margin:auto;	
	padding-bottom : 100px;
}



/* =========== BANNIERE  **/

#Banniere
{
	/* background-image:url(Images/Banniere-EG.png); */
	/*
	background-repeat:no-repeat;
	background-position:center;
	background-color:#333;
	*/
	background-color:#000;
	text-align:center;
	height:150px;
	border:1px solid black;	
}
 #Banniere a
 {	 
	 text-decoration:none;
 }



/* =========== MENU  **/

#Menu
{
	font-size:30px;
	background-color:#000;
	box-shadow: 0px 5px 20px #999999;	
}

#tableau_boutons_menu 
{
	margin:auto;
	table-layout: fixed;
    width: 100% ;
	/* border-collapse:collapse;*/
	}

#tableau_boutons_menu  td
{
	text-align:center;
	/* border:1px solid #FFF; */
}
 
.bouton_page_active
{
	color:#FFFFFF;
	background-color:#333;
}
  .bouton_page_active a
  {
	  text-decoration:none;
	  color:#FFFFFF;
	  cursor:pointer;
  }


.bouton_page_inactive
{
	color:#FFFFFF;	
}
  .bouton_page_inactive a
  {
	  text-decoration:none;
	  color:#FFFFFF;  
  }
  .bouton_page_inactive:hover
  {
	  background-color:#333;
	  color:#000;  
      cursor:pointer;		  
  }  






/* =========== CORPS  **/


#tableau_profil_coach
{
	width:50%;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
}
#tableau_profil_coach td
{
	
}

#img_profil_coach
{
	text-align:right;
}
#texte_profil_coach
{
	font-weight:bold;
	text-align:left;
	vertical-align:top;	
}




#Corps
{
	width:95%;
	margin:auto;
	/*margin-top:50px; */
	margin-bottom:50px;
	border:#999999;
	/* border:1px solid black;	 */
}

.grand_titre
{
	margin-top:32px;
	margin-bottom:15px;
	padding:5px;
	color:#FFF;
	text-align:center;
	background-color:#333;
	border-bottom: 1px solid #333;
}

.titre
{
	margin-top:10px;
	margin-bottom:5px;
	padding:3px;
	color:#FFF;
	text-align:center;
	background-color:#666;
	border-bottom: 1px solid #333;	
}

.phrase_definition
{
	padding:5px;
	margin-bottom:22px;
	font-weight:bold;
	text-align:center;	
	color:red;
	background-color:black;
	/* border-top:5px solid red;*/
}


#block_objectifs
{
	height:200px;
	/*
	background-image:url(Images/BG-accueil-objectifs.png);
	background-position:center;
	background-repeat:no-repeat;
	*/
	text-align:center;
	background-color:#000000;
}

.liste_disciplines
{
	text-align:center;
}
.liste_disciplines_titre
{
	font-weight:bold;
}  
.liste_disciplines_description
{
	margin-bottom:20px;
}   
  


.concept_composante
{
	text-align:center;
}


.concept_composante_titre
{
	font-weight:bold;
}

.concept_composante_illustration
{
}

.concept_composante_description
{
  margin-bottom:20px;
}


.phrase_contact
{
	text-align:center;
	font-size:16px;
	font-style:italic;
}


.block_image
{
	text-align:center;
}


.phrase_inscription
{
	margin-top:20px;
	margin-bottom:10px;
	font-style:italic;
	color:#333;
}

.phrase_inscription a
{
	color:#FF0000;
	font-weight:bold;
	text-decoration:none;
    background-color:yellow;
}



/* =========== PHILOSOPHIE  **/

.philosophie_paragraphe
{

	font-size:20px;
	color:#333;
}



/* =========== L'ENTRAINEUR  **/

.lentraineur_paragraphe
{
	width:90%;
	margin:auto;
	font-size:20px;
	color:#333;
}

  #id_coach_photo
  {	  
	  display:inline-block;
	  vertical-align:top;
	  /* border:1px solid green; */
  }
  #id_coach_infos
  {
	  display:inline-block;	  
	  vertical-align:top;
	  margin-left:20px;
	  /* border:1px solid green; */	 	  
  }
    #tab_id_coach_infos
	{
		border : none;
	}
  

  #definition_termes
  {
	  margin-left:20px;	  
  }
   #definition_terme_staps
   {
	    border-top:1px solid #E9E9E9;
		margin-left:20px;
		margin-top:20px;
		padding:5px;	  
	    font-style:italic;
   }
   
   
#tableau_lentraineur_experience 
{
	width:90%;
	margin:auto;
	margin-top:30px;
}
  .tableau_lentraineur_experience_titres
  {
	  font-size:20px;
	  text-align:center;
	  color:#FFFFFF;
	  background-color:#000;
  }  
  .tableau_lentraineur_experience_sstitres 
  {
	  width:50%;	  
	  font-size:18px;
	  text-align:center;
	  color:#FFF;
	  background-color:#000;
  }
  .tableau_lentraineur_experience_typeactivite
  {
	  font-size:18px;
	  text-align:center;
	  color:#FFFFFF;
	  background-color:#333333;
  }
  .tableau_lentraineur_experience_activite
  {
	  padding:5px;
	  font-size:16px;
	  color:#FFFFFF;
	  background-color:#666;
  }   
  .tableau_lentraineur_experience_duree
  {
	  padding:5px;
	  font-size:16px;	  
	  text-align:center;
	  color:#FFFFFF;
	  background-color:#000066; 
  }  
  
/* =========== COURS  **/
  
#tableau_Cours 
{
	width:90%;
	margin:auto;
	border-collapse:collapse;
	border:2px solid #333;
}
  #tableau_Cours td
  {
	 border-collapse:collapse;
	 border:2px solid #333;
  }
  
.tableau_Cours_jours
{
	width:10%;
	font-size:20px;
	color:#FFFFFF;
	background-color:#000000;
	text-align:center;
	vertical-align:middle;
}
  
.tableau_Cours_moment
{
	width:10%;
	font-size:20px;
	color:#FFFFFF;
	background-color:#000000;
	text-align:center;
	vertical-align:middle;
}  

.tableau_Cours_separationmoment
{
	background-color:#333333;
}
.tableau_Cours_separationmoment_heure
{
	font-size:18px;
	text-align:center;
	color:#FFF;
	background-color:#333333;
	border:0;
}

.tableau_Cours_creneaux_horaires
{
	vertical-align:top;
}



.cardio_renfo
{
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	padding:2px;
	text-align:center;
	background-color:#06F;
	border:1px solid #CCC;
}

.fitness_boxing 
{
	font-size:18px;	
	font-weight:bold;
	color:#FFFFFF;
	padding:2px;
	text-align:center;
	background-color:#00F;
	border:1px solid #CCC;	
}

.mix_boxing 
{
	font-size:18px;	
	font-weight:bold;
	color:#FFFFFF;
	padding:2px;
	text-align:center;
	background-color:#F90;
	border:1px solid #CCC;	
}

.self_defense
{
	font-size:18px;	
	font-weight:bold;
	color:#FFFFFF;
	padding:2px;
	text-align:center;
	background-color:#F00;
	border:1px solid #CCC;	
}

.kid_boxing
{
	font-size:18px;	
	font-weight:bold;
	color:#FFFFFF;
	padding:2px;
	text-align:center;
	background-color:#090;
	border:1px solid #CCC;	
}

.Cours_paragraphe
{
	width:90%;
	margin:auto;
	font-size:20px;
}

/* =========== BOOTCAMPS  **/


.Bootcamps_paragraphe
{
	width:90%;
	margin:auto;
	font-size:20px;
}

#tableau_bootcamps
{
	width:90%;
	margin:auto;
	font-size:18px;
	border-collapse:collapse;
	border:2px solid #333;	
}
  #tableau_bootcamps td
  {
	padding:5px;
	border-collapse:collapse;
	border:2px solid #333;	
  }
  
.tableau_bootcamps_titre
{
	font-size:20px;
	text-align:center;
	background-color:#E5E5E5;	
}

.Stages_paragraphe
{
	width:90%;
	margin:auto;
	font-size:20px;
}



#tableau_prochain_stage
{
	width:90%;	
	margin:auto;
	border-collapse:collapse;
	border:2px solid #333;
}
  #tableau_prochain_stage td
  {
	  width:20%;
	  border-collapse:collapse;
	  border:2px solid #333;
  }

.tableau_prochain_stage_titres
{
	font-size:20px;
	text-align:center;
	background-color:#E5E5E5;	
}

.tableau_prochain_stage_infos
{
	font-size:18px;
	text-align:center;	
}

.titre_infos_bootcamp
{
	font-size:22px;
	font-weight:bold;
	text-align:center;
	margin-bottom:10px;
}


#block_bootcamp_wol
{
	padding:10px;
	margin-left:5px;
	margin-right:5px;
	background-color:#F0F0F0;
}

.a_noter
{
	width:90%;
	margin:auto;
	margin-top:20px;
	border-top:1px solid #E9E9E9;
	padding:10px;
	font-size:18px;
	color:#666666;
}


/* =========== TARIFS  **/

.tarifs_paragraphe
{
	width:90%;
	font-size:20px;
	margin:auto;
}

.tarifs_titres_tableau
{
	width:90%;
	margin:auto;
	margin-bottom:5px;	
	color:#333333;
	font-size:22px;
	text-decoration:underline;
}

#tableau_tarifs 
{
	width:90%;
	margin:auto;
	border-collapse:collapse;
	border:2px solid #333;
}
  #tableau_tarifs td
  {
	 width:15%;
	 border-collapse:collapse;
	 border:2px solid #333;
  }
  
  #tableau_tarifs th
  {
	 width:15%;
	 background-color:#000000;
  }


.tableau_tarifs_titres
{
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	background-color:#000000;
}

.tableau_tarifs_produit
{
	font-size:20px;
	color:#FFFFFF;
	text-align:center;
	background-color:#000000;
}

.tableau_tarifs_cardiorenfo
{
    font-size:20px;
	font-weight:bold;
	color:#FFFFFF;	
	text-align:center;
	background-color:#06F;
}
.tableau_tarifs_fitnessboxing
{
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#00F;	
}
.tableau_tarifs_mixboxing
{
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#F90;	
}
.tableau_tarifs_selfdefense
{
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#F00;	
}
.tableau_tarifs_kidboxing
{
	font-size:20px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#090;	
}


.tableau_tarifs_1activite
{
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color:#FFFFBF;
}
.tableau_tarifs_2activites
{
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color:#FFFF80;
}
.tableau_tarifs_3activites
{
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color:#FFFF40;
}
.tableau_tarifs_4activites
{
	font-size:20px;
	font-weight:bold;
	color:#000;
	text-align:center;
	background-color:#FFFF00
}


/* =========== CONTACT  **/


.formulaire_contact_paragraphe
{
	width:90%;
	text-align:center;
	margin:auto;
}


.info_contact_format
{
	padding:2px;
	font-size:22px;
	font-weight:bold;
	color:#000000;
	border:1px solid #333;
    box-shadow: 0px 5px 10px #999999;	
}

#form_contact_info
{
	text-align:center;
	width:50%;
	margin:auto;
	color:#FFFFFF;
	background-color:#666;
    box-shadow: 0px 5px 10px #999999;	
}

#form_contact_info label
{
	font-size:20px;
	font-weight:bold;
	display:block;
}


#form_contact_info select
{
	width: 80%;
}
#nom_contact_info input
{
	width: 80%;
}
#email_contact_info input
{
	width: 80%;
}
#emailnum_contact_info input
{
	width: 80%;
}



#message_contact_info
{
}
#bouton_envoyer_form_contact_info
{
	font-size:20px;
	font-weight:bold;
	color:#333;
}
 #bouton_envoyer_form_contact_info:hover
 {
	 cursor:pointer;
	 color:#000000; 
 }
 #bouton_envoyer_form_contact_info:active
 {
	background-color: #FFF;
 } 


.message_confirmation
{
	width:90%;
	margin:auto;
	font-size:18px;
	font-weight:bold;
	text-align:center;
	background-color: #D7FDDC;
	border: 1px solid #390;
}
  .message_confirmation_texte
  {
	  display:inline-block;
	  width:80%;
  }
  .message_confirmation_fermer
  {
	  display:inline-block;
	  float:right;
	  vertical-align:top;
	  color: #390;
  }
    .message_confirmation_fermer:hover
    {
		cursor:pointer;
	}

#erreur_saisie
{
	margin:5px;
	padding:2px;
	font-size:18px;
	font-weight:bold;
    background-color:#FDB3B0;
	color:#333;
	border: 1px solid  #333;
}



/* =========== PIED  **/

#Pied
{
	color:#FFF;
	padding:10px;
	position: absolute; 
	bottom: 0; 
	left: 0; 
	right: 0;	
	border:1px solid black;
	text-align:center;
	background-color:#333;	
	border:1px solid black;		
}


.paragraphe_CG
{
	width:90%;
	margin:auto;
}

.titres_CG
{
	font-weight:bold;
}

.pages_admin a
{
	text-decoration:none;
	color:#FFFFFF;
}

.pages_admin:hover
{
	cursor:pointer;
	border-bottom:1px solid #CCC;
}