/*
Theme Name: OM Foot Village
Theme URI: 
Description: Thème pour le site OM foot village
Version: 1.6
Author: Julien ETNA
Author URI: 
Tags: blue, custom header, fixed width, two columns, widgets 

Kubrick v1.5
http://binarybonsai.com/kubrick/

This theme was designed and built by Michael Heilemann,
whose blog you will find at http://binarybonsai.com/

The CSS, XHTML and design is released under GPL:
http://www.opensource.org/licenses/gpl-license.php

*/

/* Codes couleur :
      Bleu OM : 0098d4
      New Blue : 60c4e5
      Dark Navy : 262c37
      Or OM : be9e55
      Beige : e2c562
*/


* {
  margin:0;
  padding:0;
}

body {
  
  font-family:arial,verdana;
  background:url(images/bg_html.png) repeat scroll 0 0;
  _background:none;
  font-size:12px;
  /*behavior: url("http://www.omfootvillage.com/fr/wp-content/themes/omfootvillage/csshover3.htc");*/ 
}

html {
  background:#FFFFFF url(images/bg_equipe.jpg) no-repeat scroll center top;
}

img {
  border:none;
}

li {
  list-style-position:inside;
}

.clear {
  clear:both;
}

#page {
  width:990px;
  margin:0 auto;
}

#header {
  width:990px;  
  background:transparent url(images/bg_header.png) no-repeat scroll right top;
  _background:transparent url(images/bg_header.gif) no-repeat scroll right top;
}

#headerimg {
  padding:15px 0;
  float:left;
  width:390px;
}

#headerContent {
  float:right;
  width:600px;
}

#headTel p {
  color:#FFFFFF;
  font-size:22px;
  font-weight:normal;
  line-height:28px;
  padding-right:15px;
  text-align:right;
}
#headAdd p {
  color:#0173A5;
  text-align:right;
  line-height:28px;
  font-size:14px;
  font-weight:bold;
  padding-right:15px;
}
#headDesc p {
  color:#0173A5;
  text-align:right;
  line-height:28px;
  font-size:28px;
  font-weight:bold;
  padding-right:15px;
  padding-top:10px;
}

#headerimg a {
  display:block;
  background:transparent url(images/logo_omfootvillage.png) repeat-x scroll 0 0;
  height:82px;
  width:374px;  
  _background: none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="http://www.omfootvillage.com/fr/wp-content/themes/omfootvillage/images/logo_omfootvillage.png", sizingMethod="scale");
}

#container {
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  background-color:#FFF;
  padding:13px 0 0;
  background:#FFFFFF url(images/bg_container.png) repeat-x scroll 0 0;
}

#content {
  float:left;
  width:648px;
  margin-left:13px;
  _margin-left:13px;
    background:transparent url(images/bg_content.gif) no-repeat scroll 0 41px;
}

.navigation {
  height:30px;
  line-height:30px;
  padding:10px;
  width:624px;
  background-color:#DDD;
  margin:0 1px;
}

.navigation .alignleft {
  text-align:left;
  float:left;
}

.navigation .alignright {
  text-align:right;
  float:right;
}

.listKeyWords {
  display:none;
}

#sidebar {
  float:left;
  width:300px;
  margin-left:13px;
  _margin-left:10px;
  position:relative;
  z-index:300;
}

#content h2 {
  background:transparent url(images/bg_h2content.gif) no-repeat scroll 0 0;
  color:#FFFFFF;
  height:41px;
  line-height:41px;
  padding-left:15px;
}

#content h3 {
  text-transform:uppercase;
  padding:10px 0;
}

#content li {
  background:transparent url(images/ico_ballfoot.gif) no-repeat scroll 0 0;
  list-style-type:none;
  padding-left:21px;
}

#content li.listH3 {
  margin:10px 0;
}

#content p, #content span,#content h3, #content h4, #content ul {
  padding:10px;
}

#content li h3 {
  padding:0;
}

#content address {
  padding:3px 10px;
}

#content img {
  border:1px solid #CACACA;
}

#content p#image {
  padding:0;
}

#content #photos img {
  border:none;
}

#content #photos li {
  background:none;
  border:1px solid #1998CB;
  width:100px;
  margin:2px !important;
}

#content a {
  color:#009DDC;
}

#sidebar li {
  list-style-image:none;
  list-style-position:inside;
  list-style-type:none;
  background:transparent url(images/bg_sidebarli.gif) no-repeat scroll 0 bottom;
  padding:0 0 11px 0 !important;
  margin-bottom:13px;
}

#sidebar li.bg_sidebar {
  background:transparent url(images/bg_sidebar_top.gif) no-repeat scroll 0 bottom;
  height:64px;
  padding:0;
  width:300px;
  float:left;
}

#sidebar li.bg_sidebar p {
  color:#FFFFFF;
  font-size:22px;
  padding-top:10px;
  text-align:center;
}

#sidebar li li, #sidebar li div {
  border-left:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  padding:15px 15px 0;
  clear:both;
  margin-bottom:0;
}

#sidebar li li.lifestream_feed_twitter {
  background-repeat:no-repeat;
  background-position:9px 14px;
}

#sidebar li li div.lifestream_text {
  padding-right:15px;
}

#sidebar li li div.lifestream_text .lifestream_date {
  color:#444444;
  font-size:15px;
  font-weight:bold;
}

#sidebar li li div.lifestream_text .lifestream_hour {
  color:#B1B1B1;
  font-size:10px;
}

#sidebar li li div.lifestream_text .lifestream_via, #sidebar li li div.lifestream_text .lifestream_via a {
  color:#737373;
  font-size:10px;
  text-decoration:none;
}

#sidebar li li li, #sidebar li li div, #sidebar li div div {
  border:none;
  background-color:transparent;
  background-image:none;
  padding:0;
}


#sidebar ul.lifestream li {
  padding:10px 0 10px 30px !important;
  background-position:8px 8px !important;
  border-top:1px dotted #D9D9D9;
}


#sidebar li ul {
  clear:both;
}

#sidebar h2 {
  height:41px;
  color:#FFFFFF;
  line-height:41px;
  font-size:14px;
  text-transform:uppercase;
  background:url(images/bg_h2sidebar.gif) no-repeat scroll 0 0;
  width:285px;
  float:left;
  padding-left:15px;
}

#sidebar li ul, #sidebar li div {
  background:#DDDBDC url(images/bg_sidebarliul.gif) repeat-x 0 bottom;
}

#sidebar li div#ngg-webslice {
  padding:0;
}

#sidebar div.ngg-widget {
  text-align:center;
}

#sidebar div.ngg-widget a {
  color:#000000;
}

#sidebar div.ngg-widget a p {
  padding-top:5px;
}

#bandeauFooter {
  background:transparent url(images/bg_bandeauFooter.jpg) no-repeat scroll center 0;
  width:970px;
  height:350px;
  margin-top:-220px;
  _display:none;
}

#footer {
  clear:both;
  margin-bottom:5px;
  background:#057099 url(images/bg_footer.gif) repeat-x scroll 0 top;
  color:#FFFFFF;
  /*height:90px;*/
  font-size:11px;
}

#footer a {
  color:#FFF;
}

#footer1, #footer2 {
  clear:both;
  padding:10px;
}

#footer1col1, #footer2col1 {
  float:left;
}

#footer1col2, #footer2col2 {
  float:right;
}

#footer a.socialFooter {
  display:block;
  float:left;
  height:31px;
  width:31px;
  margin:3px;
  background:transparent url(images/socialFooter.gif) no-repeat scroll 0 0;
}

#footer1col1 span#partenairesTitle {
  vertical-align:top;
}

#footer a#facebook {background-position:0 0;}
#footer a#tweeter {background-position:-31px 0;}
#footer a#mail {background-position:-62px 0;}

#footer3 {text-align:center;font-size:11px;color:#999;}
#footer3 a {color:#009DDC;}

/****************************************/
/*                 MENU                 */
/****************************************/

#main_menu {
  background: url(images/bg_menu.gif) no-repeat scroll 0 0;
  clear:both;
  _margin-top:20px;
}

#nav{
    font-size:15px;
    text-transform:uppercase;
    height:27px;
    line-height:27px;
}

#nav span {
  color:#F5F5F4;
  display:block;
  font-size:15px;
  font-weight:bold;
  line-height:27px;
  padding:0 16px;
  cursor:pointer;
}

#nav, #nav ul {
	list-style: none;
	/*line-height: 1;*/
}

#nav a, #nav a:hover {
	display: block;
	text-decoration: none;
	border:none;
}

#nav li {
	float: left;
	list-style:none;
	background: transparent url(images/menu_separateur.gif) no-repeat scroll right center;
}

#nav li.page-item-10 {
  background:none;
}

#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #f5f5f4;
	padding:0 16px;
	line-height:27px;
	font-size:15px;
}

#nav a:hover, #nav a:active, .current_page_item	a, #home .on {
	text-decoration:none;
	color:#e2c562;
}	

#nav li ul {
	position: absolute;
	z-index:900;
	left: -999em;
	height: auto;
	width: 222px;
	border-bottom: 1px solid #006B95;
}

#nav li li {
	width: 220px;
	border-top: 1px solid #006B95;
	border-right: 1px solid #006B95;
	border-left: 1px solid #006B95;
	background: #009DDC;
	text-transform:none;
} 

#nav li li a, #nav li li a:visited {
	font-weight:normal;
	font-size:0.9em;
	color:#FFF;
	line-height:25px;
}

#nav li li a:hover, #nav li li a:active {
	background:transparent url(images/bg_menuhover.gif) repeat-x scroll 0 0;
}	

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

a.main:hover
{
    background:none;
}


/****************************************/
/*                 HOME                 */
/****************************************/


/*    Photos      */


#photosContainer {
  background: #044A63 url(images/bg_photosContainer.gif) repeat-x scroll 0 0;
  padding:9px;
  width:625px;
  border-left:1px solid #AC8F53;
  border-right:1px solid #AC8F53;
  border-top:1px solid #AC8F53;
}

#photoFooter {
  background: transparent url(images/photoFooter.gif) no-repeat scroll 0 0;
  width:645px;
  height:12px;
  margin-bottom:13px;
}

a#meaTitle {
  color:#C5A55A !important;
  text-decoration:none !important;
  font-weight:bold !important;
}

.panel .panel-overlay h2#titreMEA {
  margin-top:5px;
}

#content h2#titreMEA {
  background:none;
  height:auto;
  line-height:16px;
  padding:0;
  font-size:16px;
}

/* Digitick */

#paveDigitick {
  background: transparent url(images/bg_homedigitick.jpg) no-repeat scroll 0 0;
  width:643px;
  height:114px;
  margin-bottom:13px;
  
}

#paveDigitick a {
  color:#C5A55A;
  display:block;
  font-size:16px;
  height:36px;
  left:289px;
  line-height:35px;
  padding-left:8px;
  position:relative;
  text-transform:uppercase;
  top:54px;
  width:323px;
  text-decoration:none;
}

#pubHP {
  margin-bottom:13px;
}

/* EDITO */

#editopubContainer {
  position:relative;
  z-index:200;
}

#edito {
  width:335px;
  float:left;
  background-color:#FFFFFF;
}

#edito h2 {
  height:41px;
  color:#FFFFFF;
  line-height:41px;
  font-size:14px;
  text-transform:uppercase;
  background:url(images/bg_h2edito.gif) no-repeat scroll 0 0;
  width:320px;
  padding-left:15px;
}

#editoImg {
  background-color:#DEDCDD;
  border:1px solid #CCCCCC;
  margin:15px auto 0;
  padding:5px;
  clear:both;
}

#editoContainer {
  border:1px solid #CCCCCC;
}

#editoContent {
  clear:both;
  padding:15px;
}

/* PUB 2 - 300x250 */

#pubHP2 {
  width:300px;
  margin-left:10px;
  float:left;
}