/*
Theme Name: Pédibus Theme
Theme URI: http://wordpress.org/
Description: A special theme made for pédibus geneva.
Version: 1.0
Author: Jimmy Bachmann - lémansoft
Author URI: http://www.lemansoft.com/

Background goes in order:
  bg-gang
  bg-box-middle
  bg-box-bottom
  bg-five-boxes (only on home page)
  bg-box-top
  bg-box-middle
  bg-box-bottom
  
Left margins should be at least 113px, right margins 92px.
*/

/* Begin Global Typography & Colors */

body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-size: 11px;
	font-family: Arial, verdana, Sans-Serif;
	background-color: #dcdcde; /*#ededef;*/
	text-align: center;
	margin-top: 0;  /* or else there's extra gray at the top */
	margin-left: 0;  /* and on the left */
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
}

a {
	color: #e33d47;
	text-decoration: none;
}

a:hover {
	background: #ffc0c0;
	text-decoration: none;
}

#intro p, #gallery p {
	margin: 0 0 0 0;
}

#page {
	text-align: left;
	width: 992px;
	/* border: 1px solid green; */
	padding: 1px 0 0 0;
	padding: 0;
	/*overflow: auto;*/
	margin-left: auto;
	margin-right: auto;
}

#header, #header-home {
	background-image: url('images/bg-gang2.gif');
	background-repeat: no-repeat;
	height: 176px;
	border-top: 1px solid #ededef; /* otherwise FF shifts the bg bitmap down. weird. */
	/*margin: 0 0 0 0;*/
}

#header-home {
	background-image: url('images/bg-gang-home.gif');
}

#raccourcis {
	margin: 16px 112px 10px 113px;
	font-size: 11px;
	height: 15px;
	color: #e33d47;
}
#raccourcis p, #raccourcis a {
	color: #e33d47;
	text-decoration: none;
	vertical-align: middle;
}

#raccourcis form {
	display: inline;
}

#raccourcis input {
	vertical-align: middle;
}

#search-box {
	vertical-align: middle;
	font-size: 11px;
	color: #808080;
	border: solid 1px #808080;
	padding: 1px 2px;
}

#search-button {
	vertical-align: middle;
	width: 24px;
}

#raccourcis a:hover {
	/*text-decoration: underline;*/
}

#intro, #intro-home {
	background-image: url('images/bg-box-middle2.gif');
	background-repeat: repeat-y;
	padding: 5px 122px 5px 113px;
	margin-bottom: 0;
	font-size: 13px;
}

#intro-home {
	background-image: url('images/bg-box-middle-home.gif');
	padding-right: 112px;
}

#intro-end, #intro-end-home {
	background-image: url('images/bg-box-bottom2.gif');
	height: 12px;
	margin-top: 0;
}

#intro-end-home {
	background-image: url('images/bg-box-bottom-home.gif');
}

.clear-both {
	clear: both;
}

#intro-home-nav {
  float: left;
  width: 161px;
}

#intro-home-content {
  float: left;
  margin-left: 31px;
  width: 574px;
}

#five-boxes {
	background-image: url('images/bg-five-boxes2.gif');
	height: 436px;
}

.five-boxes-table {
	margin: 3px 102px 3px 103px;
	/* table-layout: fixed; doesn't work vertically */
}

.five-big-one {
	width: 387px;
}

.five-small-above {
	width: 200px;
	height: 209px;
}

.five-small-below {
	width: 200px;
	height: 217px;
}

#gallery-top {
	background-image: url('images/bg-box-top2.gif');
	height: 11px;
  line-height: 0px;
}

#gallery {
	background-image: url('images/bg-box-middle2.gif');
	background-repeat: repeat-y;
	padding: 0px 112px 0px 113px;
}

#gallery-bottom {
	background-image: url('images/bg-box-bottom2.gif');
	height: 12px;
  line-height: 0px;
}


#gallery h2, #news h2, #intro h2, #intro-home-content h2, #content h2 {
	font-weight: bold;
	font-size: 13px;
	color: #E33D47;  /* #757575; */
	border-bottom: 1px solid #b4b4b4;
	padding-bottom: 2px;
	margin-top: 0px;
	margin-bottom: 3px;
}

#intro-home-content ul, #intro-home-content ol {
	/*color: #757575;
	font-weight: bold;*/
	padding-left: 0;  /* necessary for FF, else major indent */
	margin-top: 4px;
	margin-bottom: 4px;
	margin-left: 0;  /* necessary for IE, else major indent */
}

#intro-home-content li {
	margin-top: 1px;
	margin-bottom: 1px;
	margin-left: 0px;  /* necessary for FF, else major indent */
  list-style-position: inside; /* if we want the bullets outside the aligned text */
}

#intro-home-content p {
	margin-top: 4px;
	margin-bottom: 4px;
	/*font-size: 13px;
	text-align: justify;*/
}

#content {
	font-size: 13px;
}

#content p {
	margin-top: 9px;
	margin-bottom: 9px;
	font-size: 13px;
	text-align: justify;
}

#content table {
  border-color: white;
  border-width: 0; /*2px;*/
  border-style: solid;
  border-collapse: collapse;
  font-size: 11px;
  background-color: #ddd;
}

#content table p {
  font-size: 11px;
}

#content hr {
  height: 1px;
	color: #b4b4b4;
	background-color: #b4b4b4;
	/*border-bottom: 1px solid #b4b4b4;*/
}

#content h3 {
	font-weight: bold;
	font-size: 13px;
	letter-spacing: 1px;
	color: #00519e; /*#e33d47;*/
	border-bottom: 1px solid #00519e; /*#e33d47;*/
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 3px;
}

#content h4, #content h1 {
	font-weight: bold;
	font-size: 33px;
	color: #757575;
	margin-top: 6px;
	margin-bottom: 6px;
	/*text-align: right;*/
	border-top: 1px dotted #b4b4b4;
	padding-top: 0px;	
	/*border-bottom: 1px dotted #b4b4b4;*/
	padding-bottom: 0px;	
}

#content h5 {
	font-weight: bold;
	font-size: 15px;
	color: black;
	margin-top: 5px;
	margin-bottom: 3px;
}

#content h6 {
	font-weight: bold;
	font-size: 14px;
	color: black;
	margin-top: 5px;
	margin-bottom: 3px;
}

#box1 h2, #box2 h2, #box3 h2, #box4 h2 {
	font-weight: bold;
	font-size: 13px;
	color: #e33d47;
	margin-top: 0px;
	margin-bottom: 2px;
}

#box1 p, #box2 p, #box3 p, #box4 p {
	font-size: 11px;
	color: black;
	text-align: left;
	margin-top: 2px;
	margin-bottom: 2px;
}

#box1 a, #box2 a, #box3 a, #box4 a, #intro a {
	color: #e33d47;
	text-decoration: none;
}

#box1 a:hover, #box2 a:hover, #box3 a:hover, #box4 a:hover, #intro:a:hover {
	color: #e33d47;
	background: #ffc0c0;
}

#box1, #box2 {
	margin: 10px 10px 10px 18px;
	max-height: 189px;
	/* overflow: auto; doesn't seem to work */
}

#box3, #box4 {
	margin: 19px 10px 10px 18px;
	/* overflow: hidden; */
}

#news {
	margin: 10px 10px 10px 10px;
	/* overflow: hidden; */
}

#news h3 {
	font-family: verdana, arial, sans-serif;
	font-size: 9px;
	font-weight: bold;
	color: #757575;
	/*border-bottom: 1px dotted #ccc;*/
	margin: 10px 5px 5px 0;
}

#news h4 {
	font-family: arial, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: black;
	margin: 0 0 0 0;
}

#news p, #news a {
	font-size: 11px;
	color: #e33d47;
	margin: 0 0 0 0;
	text-decoration: none;
}

#news p {
	color: black;
}

.right-align {
	text-align: right;
}

.center-align {
	text-align: center;
}

.entry {
	margin-bottom: 15px;
}

#news a:hover {
	/*text-decoration: underline;*/
	background: #ffc0c0;
}


#navigation ul, #navigation a {
	font-size: 11px;
	font-weight: bold;
	color: #757575;
	text-decoration: none;
}

#navigation a:hover {
	/*text-decoration: underline;*/
	color: #e33d47;
	background: #ffc0c0;
}

#navigation li, #navigation ul {
	list-style-type: none;
	margin-left: 0px;
	margin-bottom: 4px;
	margin-top: 0;
	padding: 0;
}

#navigation li {
	margin-bottom: 3px;
	margin-top: 0;
}

#selected_menu li, #selected_menu a {
	color: #e33d47;
}

#content a {
	color: #e33d47;
	text-decoration: none;
}

#content a:hover {
	background: #ffc0c0;
	/*text-decoration: underline;*/
}

#post-72 input, #post-72 textarea, #post-762 input, input {   /* contact request form and newsletter subscribe */
	border-color: #c0c0c0;  /* grey */
	border-width: 1px;
	border-style: solid;
	margin-top: 2px;
	margin-bottom: 2px;
	font-size: 12px;
}

#content ul {
	color: #757575;
	font-weight: bold;
	padding-left: 0;  /* necessary for FF, else major indent */
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 0;  /* necessary for IE, else major indent */
}

#content li {
	margin-top: 2px;
	margin-bottom: 2px;
	margin-left: 20px;  /* necessary for FF, else major indent */
  list-style-position: outside; /* if we want the bullets outside the aligned text */
}

#titre a {
  text-decoration: none;
  background: transparent;
}

.form_required {
  	color: red;
}

.form_star {
}

#xxx-navigation {
  padding-left: 0;
  border: solid 1px #d0d0d0;
}

#xxx-navigation ul {
  border: solid 1px #00d0d0;
}

#xxx-navigation li {
  border: solid 1px #d0d000;
}