/*
Theme Name: Athletic Center
Author: Emdera
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }



/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	margin:0;
	width: 100%;
	padding: 20px 0;
	background: url('images/container.png') repeat-y;
}
#container_top{
	margin-top:20px;
	background: url('images/container_top.png') no-repeat left top;
}
#container_bottom{
	background: url('images/container_bottom.png') no-repeat left bottom;
}
#container_top, #container_bottom {
	float: left;
	width: 100%;
	height:6px;
}
#content {
	float:right;
	width:695px;
	margin: 0 25px 0 0;
}
#sidebar {
	float: left;
	overflow: hidden;
	width: 220px;
	margin-left:10px;
}
#footer {
	clear: both;
	width: 100%;
}

/*
LAYOUT: One column, no sidebar
DESCRIPTION: One centered column with no sidebar
*/
.one-column #content {
	margin: 0 auto;
	width: 640px;
	float:none;
}

/*
LAYOUT: Full width, no sidebar
DESCRIPTION: Full width content with no sidebar; used for attachment pages
*/

.single-attachment #content {
	margin: 0 auto;
	width: 900px;
	float:none;
}
/*
LAYOUT: two columns
*/

.two-columns #sidebar {
	float:right;
	width: 620px;
}
.two-columns #content {
	float:left;
	width: 280px;
	padding:0 20px;
}



/* =Fonts
-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: Georgia, "Bitstream Charter", serif;
}

h3#comments-title,
h3#reply-title,
#nav .menu,
#nav div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text,
input[type=submit]
{
	font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;
}
pre {
	font-family: "Courier 10 Pitch", Courier, monospace;
}
code {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
}



/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#nav .menu-header,
div.menu,
#colophon,
#branding,
#main,
#wrapper {
	margin: 0 auto;
	width: 960px;
}
#wrapper {
	background: #fff;
}

/* Structure the footer area */
#footer-widget-area {
	overflow: hidden;
}
#footer-widget-area .widget-area {
	float: left;
	margin-right: 20px;
	width: 220px;
}
#footer-widget-area #fourth {
	margin-right: 0;
}
#site-info {
	float: left;
	width: 700px;
	font-weight: bold;
	font-size: 14px;
}
#site-generator {
	float: right;
	width: 220px;
}



/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles  */
body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}

/* Text elements */
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}

dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
a:link {
	color:#0066CC;
}
a:visited {
	color:#743399;
}
a:active,
a:hover {
	color: #FF4B33;
}

/* Text meant only for screen readers */
.screen-reader-text {
	position: absolute;
	left: -9000px;
}



/* =Header
-------------------------------------------------------------- */

#header {
	padding:0;
}

#main {
	float:left; width:100%; padding-top:15px; 
}
/* =Menu
-------------------------------------------------------------- */

#nav {
	float:left; width:100%;background:url('images/nav_bg.png') no-repeat top left; 
}

#nav ul{
	list-style: none;
	margin: 0;
}
#nav li {
	float:left;border-right:1px solid #bababa;position:relative;z-index:10;
}
#nav li.page-item-4{ border-left:none;}
#nav a {
	float:left; line-height:40px;text-decoration:none;letter-spacing:;text-transform:uppercase ;color:#222;font-size:12px;font-weight:bold ; background:none;padding:0px 40px;
}
#nav ul ul {
	display:none;
  	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	left: -1px;
	background: #fff;
	border:1px solid #ccc;
	border-top:none;
	border-radius: 0 0 3px 3px;
	padding:15px 0 15px 10px;
}
#nav ul ul li {
	float: left;
	margin: 0;
	background:#fff;
	border:none;
}
#nav ul ul ul {
	left:100%;
	top:0;
}
#nav li.page-item-24 {
	border:none;
}
#nav ul li.page-item-24 ul {
	position: absolute;
	top: 40px;
	right: -1px;
}
#nav ul li.page-item-24 ul li {
	float:right;
}

#nav ul ul a
 {
	display:block;
	font-size:12px;
	font-weight:bold;
	margin:0;
	padding:5px 15px 5px 100px !important;
	width: 200px; 
	height:54px;
	line-height:20px;
	background-repeat:no-repeat;
	color:#444;
}
#nav ul li.page-item-17 ul  a {
	background-image: url('images/bg_club.jpg');
}
#nav ul li.page-item-7 ul  a {
	background-image: url('images/bg_activites.jpg');
}
#nav ul li.page-item-28 ul a {
	background-image: url('images/bg_equipment.jpg');
}
#nav ul li.page-item-19 a,
#nav ul li.page-item-10 a,
#nav ul li.page-item-20 a
{background-position:0 0;}
#nav ul li.page-item-15 a,
#nav ul li.page-item-13 a,
#nav ul li.page-item-226 a
{background-position:0 -200px;}
#nav ul li.page-item-18 a,
#nav ul li.page-item-14 a,
#nav ul li.page-item-227 a
{background-position:0 -400px;}
#nav ul li.page-item-22 a,
#nav ul li.page-item-189 a,
#nav ul li.page-item-225 a
{background-position:0 -600px;}
#nav ul li.page-item-16 a
{background-position:0 -800px;}

#nav ul li.page-item-19 a:hover,
#nav ul li.page-item-10 a:hover,
#nav ul li.page-item-20 a:hover
{background-position:0 -100px;}
#nav ul li.page-item-15 a:hover,
#nav ul li.page-item-13 a:hover,
#nav ul li.page-item-226 a:hover
{background-position:0 -300px;}
#nav ul li.page-item-18 a:hover,
#nav ul li.page-item-14 a:hover,
#nav ul li.page-item-227 a:hover
{background-position:0 -500px;}
#nav ul li.page-item-22 a:hover,
#nav ul li.page-item-189 a:hover,
#nav ul li.page-item-225 a:hover
{background-position:0 -700px;}
#nav ul li.page-item-16 a:hover
{background-position:0 -900px;}

#nav li:hover > a,
#nav ul ul :hover > a {
	color:#aaa;
}
#nav ul li:hover > ul {
	display:block;
}
#nav ul li.current_page_item > a,
#nav ul li.current-menu-ancestor > a,
#nav ul li.current-menu-item > a,
#nav ul li.current-menu-parent > a {
	 
}
#nav ul li.current_page_ancestor > a,
#nav ul li.current_page_item > a{
	background-color:#000;
	color:#fff;
}
#nav ul li.current_page_ancestor li.current_page_item > a{
	color:#000 !important;
	background-color:#fff;
	text-decoration:underline;
}

#nav ul li.page-item-4.current_page_item > a,
#nav ul li.page-item-4.current-menu-ancestor > a,
#nav ul li.page-item-4.current-menu-item > a,
#nav ul li.page-item-4.current-menu-parent > a {
	/* background: #000 url('images/nav_activ_first.gif') no-repeat top left;*/
	background:none;
	color:#444;
}
#nav ul li.page-item-24.current_page_item > a,
#nav ul li.page-item-24.current-menu-ancestor > a,
#nav ul li.page-item-24.current-menu-item > a,
#nav ul li.page-item-24.current-menu-parent > a {
	/* background: #000 url('images/nav_activ_last.gif') no-repeat top right;*/
}

/* Gallery listing
-------------------------------------------------------------- */

.category-gallery {
	margin-bottom: 48px;
}
.category-gallery h2 {
	margin-top: 10px;
}
.category-gallery .entry-meta {
}
.category-gallery .size-thumbnail img {
	border: 10px solid #f1f1f1;
	margin-bottom: 0;
}
.category-gallery .gallery-thumb {
	float: left;
	margin-right:20px;
	margin-top: -4px;
}
.home #content .category-gallery .entry-content p {
	display: inline;
}
.home #content .category-gallery .entry-utility {
	padding-top:4px;
}
.wp-image-229{position:relative;top:-29px;}
/* Images
-------------------------------------------------------------- */

#content img {
	margin: 0;
	max-width: 640px;
}
#content .attachment img {
	max-width: 900px;
}
#content .alignleft,
#content img.alignleft {
	display: inline;
	float: left;
	margin-right: 15px;
	margin-top: 4px;
}
#content .alignright,
#content img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
#content .aligncenter,
#content img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#content img.alignleft, 
#content img.alignright, 
#content img.aligncenter {
	margin-bottom: 12px;
}
#content .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	text-align: center;
	margin-bottom: 20px;
	padding: 4px;
}
#content .wp-caption img {
	margin: 5px 5px 0;
}
#content .wp-caption p.wp-caption-text {
	margin: 5px;
	color: #888;
	font-size: 12px;
}
#content .wp-smiley {
	margin:0;
}
#content .gallery {
	margin: auto;
}
#content .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
#content .gallery img {
	border: 2px solid #cfcfcf;
}
#content .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
#content .gallery dl {
	margin: 0;
}
#content .gallery img {
	border: 10px solid #f1f1f1;
}
#content .gallery br+br {
	display: none;
}



body{padding:0;margin:0;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:12px; color:#444;}
h2{font-size:18px;margin:0 0 20px; border-bottom: 1px solid #666666; line-height:27px; color:#666;text-transform:uppercase;}

/* Header */
#header{ position:relative; }
#logo{height:70px; width:170px; background:url('images/logo.png') no-repeat top left; float:left; margin:20px 0 10px 10px; }
#topnav{position:absolute; top:35px; right:5px;padding:0;margin:0; background:#fff ;  list-style-type:none; width:300px;}
#topnav li{float:right;}
#topnav li a{line-height:32px; float:right;color:#2c2f3c;text-decoration:none;}
#topnav li a:hover{color:#aaa;}
#topnav #facebook a{ padding:0 30px 0 30px; background: url('images/facebook-icon.png') no-repeat 7px center;}
#languages{font-size:12px; float:right; height:30px; background:url('images/bg_languages.gif') no-repeat top left;  width:70px; }
#languages ul{margin:0;padding:0;float:right;height:30px;}
#languages ul li{margin:9px 5px;float:right;list-style-type:none;display:inline;height:20px;}
#languages ul li.active{display:none;}
#languages ul li a{width:48px;height:20px; }
#slogan {position:absolute; top:35px; left:210px; line-height:30px;}
/* Footer */
#footer{ background:#fff url('images/bg_footer.gif') no-repeat center 35px; padding:50px 0 10px ;}
#footer p{text-align:center; }
#footer .left{text-transform:uppercase; font-size:18px; padding-left:20px; }
#footer .right{padding-right:20px;}
#footer .right a{color:#000;}

/* boxes */
#boxes{background:#fff; padding:30px 0 25px; float:left; width:100%;}
.box{width:290px; margin-left:15px; height:200px; padding:10px 10px 10px 10px; float:left; background: url('images/bg_box.png') no-repeat top left;}
.box.first{margin-left:0px;}
.box .title{font-size:13px; padding-bottom:1px; font-weight:bold; margin-bottom:15px; text-transform:uppercase; }
.box img{position:absolute; top:0px; left:0px;} 
.box .inner{padding-left:100px; position:relative;} 
.box a{color:#444; text-decoration:none; margin-top:10px; } 

/* Sidebar */
#sidebar ul{float:left;list-style-type:none; margin:0; padding: 0; }
#sidebar ul li{border-bottom:0px solid #d9dce1; width:200px;}
#sidebar ul .title{font-size:18px; padding-bottom:7px;}
#sidebar ul a{text-decoration:none; color:#666666; line-height:26px; display:block; text-transform:uppercase; padding-top:2px; border-bottom:1px solid #e2e2e2; }
#sidebar ul .current_page_item a{font-weight:bold; color:#000; }
#sidebar ul li.special a{margin:3px 0 8px; padding-left:10px; line-height:32px;color:#000;background:#eee url('images/bullet.png') no-repeat 95% center; }
/* Home */
ul.home{float:right;list-style-type:none; margin:0; padding:0;margin-left:10px; background:#fff;}
ul.home li{border:1px solid #bbb;  margin-bottom:9px;  padding:10px 12px; width:236px;text-decoration:none; color:#212438;text-transform:uppercase; background-color:#f3f3f3; height:73px;display:block; }
ul.home li.last{margin-bottom:0px; }
ul.home span{display:block;font-weight:bold;font-size:15px; }
ul.home a{display:block;margin-top:5px; text-decoration:none; color:#212438;}
ul.home p{padding:0; margin:0; line-height:15px;}
ul.home a:hover{color:#0abae7;}
.readmore{padding-left:20px; background:url('images/bullet.png') no-repeat 0 center; display:block; }

#home {background:#fff; margin-top:12px; clear:both;}
#home #the_content{padding:20px 50px 20px 20px; min-height:130px; background:#fff;  width:590px;}
#home #seance{width:260px; text-align:center;  font-size:27px; background:#fff; min-height:100px;}

/* equipment list */
.eqsection{float:left; margin-bottom:20px;}
.eqsection h2{ margin:15px 0;}
.eqbox{float:left; margin:0; width:300px; height:220px; overflow:hidden;position:relative;}
.eqbox .play{position:absolute; bottom:20px;right:15px; outline:none;  text-decoration:none; width:100px;height:100px;background: url('images/play.png') no-repeat right bottom;}
.eqbox:hover .play{background-image: url('images/play-activ.png');}
.eqbox.first{margin-left:0;}
.eqbox span{display:block; font-size:14px; color:#d89903; padding-bottom:5px;}

/* links */
.linkbox{float:left; margin:0 20px 0 0; width:200px; height:170px; overflow:hidden;position:relative;}
.linkbox a{ clear:both;}
.linkbox span{display:block; color:#444;}
/* exercices */
.exbox{float:left; width:100%; padding-bottom:20px;}
.exbox img{border:1px solid #ddd;}

.coursbox{ margin:0 0 20px 30px; float:left; width:330px;}
.coursbox.first{ margin-left:0; }
.coursbox a{ color:#444;}
.coursbox a:hover{text-decoration:none;}
.coursbox .title,.combatbox .title{font-weight:bold; text-transform:uppercase;}

.combatbox{ margin:0 0 20px 40px; float:left; width:200px;}
.combatbox.first{ margin-left:0; }

table.planning {width:100%}
table.planning td{width:16%; padding:7px 0; vertical-align:middle; border-bottom:1px solid #ccc; text-align:center; border-left:1px solid #ccc;}
table.planning thead td{font-size:13px; font-weight:bold; padding:15px 0;}
table.planning td.first {border-left:0;}
table.planning tr.bottom td{border-bottom:0;}
table.planning td a{display:block; font-size:13px; font-weight:bold; text-decoration:none; color:#008cb9;}
table.planning td a:hover{color:#444;}

#sidebar li.page-item-230 {margin-top:20px;}
#sidebar li.page-item-230 a{padding:3px 10px; background:#eee url('images/bullet.png') no-repeat 95% center;}
.salle-title{float:left; padding:10px 0 0 20px; font-size:16px;}
.salle-image{float:left;}
.salle-box{clear:both; padding-top:10px;}