body{background-color:#ececec;}

.menu{background-color:#0092c3}
.menu ul ul{}
.menu ul{}

/*
.search .submit{background-color:#FFFFFF;color:#ea07c2; border-color:#FFFFFF}
*/



/* menu */
.menu li{		background-color:#0092c3; }
.menu li li{	
	border-color:#ea07c2;
	background-color:#0092c3;
}
.menu li a{color:#FFFFFF;}

.menu a.on {background-color:#ea07c2;color:#FFFFFF;}


.menu li.hover a, 
.menu li.hover li a:hover,
.menu li a:hover {background-color:#ea07c2;color:#FFFFFF;}
.menu li.hover li a.on {background-color:#ea07c2;color:#FFFFFF;}

.menu li.hover li a{color:#FFFFFF;background-color:#0092c3;}


.menu li.recherche #keywords{color:#111;}


/* sommaire */
#content .sommaire{ background-color: #0092c3; color:#FFFFFF;}
#content .sommaire ul, 
#content .sommaire a{color:#FFFFFF;} 

/* header */
.header a{color:#ea07c2;}

/* footer */
.footer {background-color:#ea07c2;}
.footer a{color:#FFFFFF;}


.content h1{color:#ea07c2;border-color: #ea07c2;}
.content h3,.content .titre{color:#ea07c2;}
.content a{color:#ea07c2;}

ul.tools li a{color:#ea07c2;}

/* ------------------------ Layout ------------------------- */

body {
color:#000;
}

#container { width:862px; }

#content { background:#ffffff; color:#000000; padding: 0 20px; }

.header { background-color:#3a3a3a; margin:0; }
.header img { display:block; }
#header { border:none; }

.footer { background: #cccccc; padding-left:20px; }
#footer { margin-top:0; }




/* ------------------------ Navigation ------------------------- */

#menu { padding: 0; border:none; background: #3a3a3a; }

/*.menu { background-image:url("/images/monsite/topforme16/Image/nav.jpg"); 
background-repeat:no-repeat; }

.menu li { background-color:transparent; }

.menu li a { color:#ffffff; }
.menu li a.on { background:#ec1d24; color:#ffffff; }

.content a { color: #ffffff; }
.content a:hover { color: #ec1d24; }
*/
.footer a:hover { color: #ec1d24; }

.content .sommaire a.on {
color:#ea07c2 !important;
}


/* ------------------------ Toolbar ------------------------- */

#outil { margin-top: 3px; }
#outil li.bulle { color: #ffffff; }


/* ------------------------ Front page ------------------------- */

div.home {
width:600px;
}

img.teams-training {
float:left;
}


/* ------------------------ Les Mills courses list ----------------- */

ul#cours { list-style-type:none; display:inline; margin:0; padding:0; }

ul#cours p { padding:0 0 0 20px; } 

ul#cours li { float:left; width:300px; }


/* ------------------------ Courses page ----------------- */

img.cours { float:left; }


/* ------------------------ Profs formatting ----------------- */

ul#profs { display:inline; list-style-type:none; }
ul#profs li { float:left; margin-right:30px; height:350px; }
ul#profs li div { width:350px; padding-left:8px; border-top:1px solid #ffffff; padding-top:10px; }
ul#profs li img { float:left; margin:0; }
ul#profs h3 { padding:0; margin:0; font-size:1.3em; margin-bottom:5px; color:#ea07c2; }


/* ------------------------ Video formatting ----------------- */

div.video { padding:0 0 0 5px; text-align:center; }
h3.video { border-bottom: 1px solid #ffffff; text-align:left; }


/* ------------------------ Contact formatting ----------------- */

small a { background:#ffffff; text-decortation:underline; }
small a:hover { color:#ec1d24; }

/* ------------------------ Other ------------------------- */

.content h1.titre {padding: 5px 0 0 0; font-family: Arial, Verdana; }

.content h3, .content .titre { color:#000; }

img.test { float:left; border:1px solid #000; padding:3px; }

#content .sommaire { margin-right:-10px; }

.content h2 { color:#000; }

.layout3 .page { padding-bottom:0; }

.copyright, .copyright a { color:#cccccc; }

.footer a { color:#3a3a3a; }

.recherche span.description { color:#000; }

.pink {color:#ea07c2;}

/* ------------------------ Planning table ------------------------- */

table#planning {
font-family: Arial, Sans-Serif;
font-size:1.2em;
border-collapse:collapse;
background:#3a3a3a;
width:600px;
border-top:1px solid #afafaf;
border-bottom:1px solid #afafaf;
border-left:1px solid #afafaf;
margin-left:10px;
}

table#planning th {
background:#ccc;
padding:5px;
color:#fff;
font-weight:bold;
}

table#planning tr {
border-left:1px solid #afafaf;
border-right:1px solid #afafaf;
}

table#planning td.time {
border-bottom:1px solid #fff;
background:url("/images/monsite/topforme16/Image/table/time-bg.gif") top repeat-x #fff;
color:#000;
padding:3px !important;
font-weight: bold;
}

table#planning td.titre {
background:#ccc;
color:#000;
padding:5px 0;
}

table#planning td {
border-spacing:none;
border-right:1px solid #afafaf;
padding:10px 3;
margin:0;
color:#fff;
font-size:0.9em;
text-align:center;
width:120px;
}

table#planning td a img {
width:90px;
border:none;
display:inline;
}

table#planning span {
display:block;
width:110px;
}

table#planning .days {
border-bottom:1px solid #afafaf;
}


/* ------------------------ Other Planning ------------------------- */

a.pdf { background-image:url("http://www.topforme16.com/images/monsite/topforme16/Image/pdf.gif");
background-repeat:no-repeat;
background:position:center left;
padding-left:20px;
}

/* ------------------------ Portes Ouvertes ------------------------- */

div.portes {
background:#ffffff;
color:#555555;
width:300px;
float:left;
padding:3px;
}

div.portes a {
color:#555555;
text-decoration:underline;
}

div.portes h2 {
color:#555555;
}

div.home {
float:left;
padding:3px;
}

div.home p {
color:#999999;
text-transform:uppercase;
font-size:1.4em;
}

table.portes td {
text-align:center;
border-bottom:1px solid #AFAFAF;
width:50% !important;
}


/* ------------------------ Saint Valentin ------------------------- */

div#valentine {
background:url("http://www.topforme16.com/images/monsite/topforme16/Image/valentine/valentine.jpg") no-repeat;
width:500px;
height:350px;
position:relative;
}

#valentine p#val-text {
color:#fff;
text-align:center;
position:absolute;
top: 115px;
left:145px;
width:250px;
}

#valentine p#val-bottom {
position:absolute;
top:260px;
right:30px;
width:160px;
text-align:center;
color:#fff;
}

table#valentine td {
width:200px;
border-bottom:1px solid #fff;
}


/* ------------------------------- Boutique ------------------------- */

a#boutique {
float:left;
}

/* ------------------------ Evenement logos ------------------------- */

ul.logo-cours {
margin:auto;
}

ul.logo-cours.athletique {
margin-left:90px;
}

ul.logo-cours.pump,
ul.logo-cours.rpm {
margin-left:240px;
}

ul.logo-cours li {
display:inline;
list-style-type:none;
width:150px;
float:left;
margin:0 5px 0 0;
height:300px;
background:#ccc;
}

ul.logo-cours li img {
padding:0;
margin:0;
}

ul.logo-cours li p {
width:146px;
color:#000;
padding:0 2px 0 2px;
}

ul.logo-cours.pump li {
height:430px;
}

ul.logo-cours.combat li {
height:370px;
}

ul.logo-cours.rpm li {
height:530px;
}

h2.evenement.accueil {
background-image:url("http://www.topforme16.com/images/monsite/topforme16/Image/images/teams-training.gif");
background-repeat:no-repeat;
background-position:-90px center;
text-indent: -9999px;
width: 500px;
height: 43px;
}

h2.evenement.accueil a{
display:block;
height:43px;
}

h3.heading-programme {
text-align:center;
}

h3.heading {
background-repeat:no-repeat;
background-position:center center;
margin:auto;
text-indent: -9999px;
width: 500px;
height: 43px;
}

h3#defoulement {
background-image:url("http://www.topforme16.com/images/monsite/topforme16/Image/images/semaine-defoulement.gif");
}

h3#bien-etre{
background-image:url("http://www.topforme16.com/images/monsite/topforme16/Image/images/bien-etre.gif");
}

h3#athletique{
background-image:url("http://www.topforme16.com/images/monsite/topforme16/Image/images/athletique-danse.gif");
}

h3#puissance{
background-image:url("http://www.topforme16.com/images/monsite/topforme16/Image/images/puissance-perfection.gif");
}

h3.semaine-date {
font-size:1.4em;
background:url("http://www.topforme16.com/images/monsite/topforme16/Image/images/arrow-down.gif") left center no-repeat; 
padding-left:20px;
}

p.description {
text-align:center;
}

span.center {
text-align:center;
}