/*****************************************FICHIER DE STYLES CSS**********************************************/
/*****************************************    ATTENTION !!!    **********************************************/
/*****Ce CSS est complètement tordu, en raison de la difficulté du découpage de la charte graphique.*********/
/*****Il comporte essentiellement des divs en position relative, d'où le fait que l'ordre d'apparition des divs dans le fichier html ne correspondent pas à l'affichage final .*********/
/*remise à zéro de tous les margins*/
* {
	margin: 0px;
	padding: 0px;
	font-size: inherit;
	border: 0px;
}
/*au cas où il aurait pas compris, on lui remet une couche (même chose)*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}
/*on continue*/
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: disc;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: 0;
}
abbr, acronym {
	border: 0;
}
/*on enlève la bordure des images*/
img {
	border: 0;
}
/*gestion des couleurs de liens*/
a {
	text-decoration: none;
}
a:link {
	color: #000000;
}
/* lien non-visité */
a:visited {
	color: #000000;
}
/* lien visité */
a:hover {
	color: #000000;
}
/* lien survolé */
a:active {
	color: #000000;
}
/* lien activé */
/*************************************fin des GENERALITES et remises à zéro******************************************/
/*************************************fin des GENERALITES et remises à zéro******************************************/
/*************************************DEBUT des festivités******************************************/
/****************les classes suivantes suivent l'ordre d'apparition dans le fichier html************/
/***************************************************************************************************/
.num_tel_accueil{
width:100%;
text-align:right;
color:#D10172;
font-size:20px;
font-weight:bold;
}
.label_num_accueil{
color:#ffffff;
font-size:15px;
font-weight:bold;
font-style:italic;
} 
body {
	background-color: #000000;
	background: url(./img/pixel_fond_html.jpg) repeat-x top left;
	font-family: helvetica, arial, sans-serif;
/* pour éviter les marges */
	text-align: center;
/* pour corriger le bug de centrage IE */
	display: block;
}
#background {
}
#global {
	width: 100%;
	height: 100%;
	
}
#centrage {
	width: 1002px;
/*les 4 lignes suivantes sont indispensables au centrage sous firefox*/
	margin: auto;
	text-align: left;
}
#corps {
	float: right;
	width: 922px;
	color: #FFFFFF;
}
#espace_haut {
	height: 20px;
	width: 100px;
}
#header {
	font-size: 13px;
	text-align: center;
}
#footer {
	font-size: 9px;
	color: #FFFFFF;
	text-align:center;
	clear:both;
	
}
#lien_footer{
color: #FFFFFF;
}
#slogan {
	font-size: 30px;
}
#logo_header {
	position: relative;
	top: -28px;
	left: -30px;
}
#marge {
  float:left;
	width: 200px;
	height: 100%;	
}
#marge_squash {
  float:left;
	width: 380px;
	height: 100%;
}
#marge_coaching {
  float:left;
	width: 250px;
	height: 100%;
	
}
#marge_menu_cours{
width:20px;
float:left;
height:100%;
}
#menu_cours {
  float:left;
	width: 182px;
	height: 100%;
	background:url(./img/menu_cours_fond.png) no-repeat left top;
}

#contenu {
float:left;
width:630px;
text-align:justify;
font-size : 13px;
}
#contenu_coaching {
float:left;
width:610px;
text-align:justify;
font-size : 13px;
}
#contenu_squash {
float:left;
width:430px;
text-align:justify;
font-size : 13px;
}

#contenu_cours {
float:left;
width:608px;
height:506px;
text-align:justify;
font-size : 13px;
}
#soustitre{
color : #e1007a;
font-size:15Px;
}
#titre_equipe{
font-size:27px;
color:#e1007a;
font-style:italic;
}
#titre_bodyattack{
font-size:25px;
color:#FAC403;
font-style:italic;
}
#titre_bodyhealing{
font-size:25px;
color:#D2DE87;
font-style:italic;
}
#titre_bodycombat{
font-size:25px;
color:#877E00;
font-style:italic;
}
#titre_bodypump{
font-size:25px;
color:#E0322A;
font-style:italic;
}
#titre_bodystep{
font-size:25px;
color:#B8C0C4;
font-style:italic;
}
#titre_rpm{
font-size:25px;
color:#009AD9;
font-style:italic;
}
#soustitre_rpm{
font-size:15px;
font-style:italic;
}
#soustitre_rpm a{
font-size:15px;
color:#009AD9;
font-style:italic;
}
#equipe_fiche_gauche{
color:#e1007a;
text-align:right; 
font-size : 13px;
vertical-align:top;
}
#equipe_fiche_droite{
color:#ffffff;
text-align:left; 
font-size : 13px;
}
#equipe_fiche{
float:left;
width:400px;
}
#equipe_portrait{
float:left;
width:200px;
height:300px;

}
#equipe_separation{
float:left;
width:50px;
height:100%;
}
#contenu_equipe{
float:left;
width:658px;
height:506px;
text-align:justify;
font-size : 13px;
}
.contact_label{
color:#ffffff;
font-size : 13px;
}
#contenu_videos {
float:left;
width:608px;
height:506px;
text-align:justify;
font-size : 13px;
}
#contenu_videos a {
color:#ffffff;
font-weight:bold;
font-style:italic;
}
#contenu_videos a:hover {
color:#ffffff;
text-decoration:underline;
}
#titre_shbam{
font-size:25px;
color:#ED33E7;
font-style:italic;
}
.videos_miniatures{
float:left;
margin-right:7px;
margin-bottom:7px;
}
#contenu_videos_listing {
float:left;
width:628px;
height:auto;
min-height:700px;
text-align:justify;
font-size : 13px;
}

