/* général */
* {padding:0;margin:0;outline:0;}

body {
	margin:10px 0 0 0;
	padding:0;
	font:normal 12px/1.6em  verdana, tahoma, sans-serif;
	text-align:center;
	background:#090807 url(bg.png) repeat-x;
	color:#fff}

/* lien */
a {
	color:#fff;
	text-decoration:none}
a:hover {
	color:#99CC33}

/* h */
h1, h2, h3, h4 {
	font:normal 1em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	color:#eee}
h1 {font-size:3em;color:#84A5DA;letter-spacing:-2px} 
h2 {font-size:2.5em}
h3 {font-size:1.8em}
h4 {font-size:1.5em}

p, h1, h2, h3, h4 {
	margin:0;
	padding:10px 15px}

ul, ol {
	margin:10px 30px;
	padding:0 15px}

/* image */
img {
	background:transparent;
	border:0}
img.float-right {
	margin:.5em 0 1em 1em}
img.float-left {
	margin:.5em 1em 1em 0}

code {
  margin:.5em 0;
  display:block;
  padding:20px;
  text-align:left;
  overflow:auto;
  font:500 1em/1.5em 'Lucida Console', 'Courier New', monospace ;
  background:transparent;
  border:1px solid #211E20}
acronym {
  cursor:help;
  border-bottom:1px dotted #8F8F8E}
blockquote {
	margin:10px 15px;
 	padding:10px 0 10px 30px;
 	background:transparent;
	border:1px solid #211E20;
  	font:normal 1.6em/1.5em Georgia, "Times New Roman", Times, serif}

/* table - th */
table {
	margin:10px 15px;
	border-collapse:collapse}
th strong {color:#fff}
th {
	background:#090807;
	color:#fff;
	height:3em;
	padding-left:12px;
	padding-right:12px;
	text-align:left;
	border-left:1px solid #211E20;
	border-right:1px solid #211E20;
	border-bottom:1px solid #211E20; 
	border-top:2px solid #8EB200}
tr {
	color:#C3C3C3;
	height:2.5em}
td {
	padding-left:12px;
	padding-right:12px;
	border:1px solid #211E20}

/* éléments formulaires */
form {
	margin:10px 15px;
	padding:10px;
	background:transparent;
	border:1px solid #211E20}
fieldset {
	padding:4px;
	border: 1px dashed #FFF}
legend {
	color:#84A5DA;
	font-weight:bold}
label {
	display:inline;
	font-weight:bold;
	width:200px;
	cursor:pointer;
	float:left;
	margin:.4em 0}
input {
	padding:.3em;
	border:1px solid #eee;
	font:normal 1em Verdana, sans-serif;
	color:#000}
#nav input:focus {border: 1px solid #ff8b04}	
input:focus {border:1px solid #84A5DA}
textarea {
	padding:.3em;
	font:normal 1em/1.5em Verdana, sans-serif;
	border:1px solid #eee;
	color:#777}
#main textarea:focus {border: 1px solid #84A5DA}	
select {
	padding:4px;
	cursor:pointer;
	font:normal 1em Verdana, sans-serif}
input.button { 
	font:bold 1em Arial, Tahoma, Sans-serif;
	margin:0;
	padding:.25em .3em;
	color:#fff;
	cursor:pointer;
	background:#000;
	border:2px solid #211E20}
.clear {clear:both}
#nav input.button:hover {border: 2px solid #a5a5a5}
#main input.button:hover {border: 2px solid #84A5DA}

#nav_log {
	top:18px;
	border:0px;
	position:relative;
	display:inline}

/* formulaire de recherche */
.searchform {
	background-color:transparent;
	border:none;
	margin:0 0 0 10px;
	padding:0 0 1.5em 0;
	width:20em}
.searchform p {margin:0;padding:0}
.searchform input.textbox {
	color:#777;
	border:1px solid #E5E5E5;
	vertical-align:top}
.searchform input.textbox:focus {border:1px solid #99CC33}
.searchform input.button {vertical-align:top}
.searchWhite {
	color:#fff;
	font-size:10px;
	font-weight:bold}
.searchform input.button:hover {border: 2px solid #99CC33}

#header, #nav, #content, #footer-wrap {width:1000px;}

/* header */

#header {
	clear:both;
	position:relative;
	margin:0 auto;padding:0;
	background:transparent url(header-image.png) no-repeat right top;
	height:419px;
	text-align:left}
#header #clouds {
	position: absolute;
	background: transparent url(clouds.png) no-repeat;
	top:150px;
	left:45px;
	width:309px;
	height:163px}
#header h1#logo-text a {
	position:absolute;
	margin:0;
	padding:0;
	font:bold 58px 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	letter-spacing:-3px;
	color:#0a1e53;
	text-decoration:none;
	background:transparent;
	
	/* position logo */
	top:33px;left:10px}

#header p#lycee {
	position: absolute;
	font: normal 19px 'Trebuchet Ms', Sans-serif;
	text-transform:none;
	color:#fff;
	margin:0;padding:0;
	
	/* position slogan */
	top:110px;left:35px}

/* navigation */
#nav {
	clear:both;	
	margin:0 auto;
	padding:0}
#nav ul {
	float:left;
	list-style:none;
	text-transform:uppercase;
	margin:0;padding:0;	
	height:56px}
#nav ul li {
	float:left;
	margin:0;padding:0;
	height:56px}
#nav ul li a {
	display:block;
	float:left;
	width:auto;
	margin:0;
	padding:0 20px;
	color:#a5a5a5;
	font:bold 16px/54px "Trebuchet MS", Helvetica, Arial, sans-serif;
	text-decoration:none;
	letter-spacing:1px}
#nav ul li a:hover,
#nav ul li a:active {color: #fff}
#nav ul li#current a {color: #FF8B04}

/* login & pass */

#login {
	background:#FFF url(btn/user.png) no-repeat 0.2em 0.2em;
	padding-left:20px}
#pass {
	background:#FFF url(btn/lock.png) no-repeat 0.2em 0.2em;
	padding-left:20px}
#conf_pass {
	background:#FFF url(btn/lock.png) no-repeat 0.2em 0.2em;
	padding-left:20px}	

/* content */
#content-wrap {
	clear:both;
	float:left;
	width:100%;
	background:#12120f url(footer-top.png) repeat-x left bottom}
#content {
	text-align:left;
	padding:0;
	margin:0 auto}

/* erreur & info */

#error {
	border:1px dashed #ff0000;
	color:#fff;
	text-align:center}
#info {
	border:1px dashed #84A5DA;
	color:#fff;
	text-align:center}	

/* sidebar */
#sidebar {
	float:right;
	width:24em;
	margin:10px 0 10px -21em; 
	padding:0;		
}
#sidebar h3 {
	font:normal 1.6em 'Trebuchet MS', Tahoma, Arial, Sans-serif;
	padding:.3em 0 .5em 10px;
	color:#99CC33;		
	text-transform:none;
	letter-spacing:-1px}

#sidebar ul.sidemenu {
	margin:0 0 0 10px;
	padding:.1em 0 1em 0;
	font-family:'Trebuchet MS', Tahoma, Sans-serif;	
	border-top:1px solid #211E20}
#sidebar ul.sidemenu li {
	padding:0;
	background:url(bullet.png) no-repeat .5em .6em;
	border-bottom:1px solid #211E20;
	list-style:none}

* html body #sidebar ul.sidemenu li {height:1%;}

#sidebar ul.sidemenu li a {
	display:block;
	font-weight:bold;
	color:#d3d0cc;
	text-decoration:none;
	padding:.2em 0 .2em 30px;
	line-height:1.5em;
	font-size:1.25em}
#sidebar ul.sidemenu li a:hover {color:#99CC33}
#sidebar ul.sidemenu ul {margin: 0 0 0 15px}
#sidebar ul.sidemenu ul li {border:none}

/* main */
#main {
	margin:10px 26em 10px 0; 
	padding:0}
#main h2 { 
	font:normal 2.9em 'Trebuchet MS', Arial, Sans-serif;
	color:#84A5DA;	
	letter-spacing:-2px;		
	padding-bottom:0px;
	margin-bottom:5px;
	border-bottom:1px solid #211E20}
#main h2 a {
	color:#84A5DA;	
	text-decoration:none}
#footer-wrap {	
	clear:both;
	padding:0;margin:0 auto}

/* columns */
#columns {
	clear:both;
	text-align:left;
	color:#5B9CFF;
	margin:0 auto; 
	padding:1.6em 0 .5em 0;
	width:95%}
#columns h3 {
	color:#99CC33;
	margin:0;
	padding:0 10px; 	
	font:normal 1.4em "Trebuchet MS", Arial, Tahoma, Sans-serif;	
	text-transform:uppercase}

#columns ul {
	list-style:none;
	margin:10px 0 0 0; 
	padding:0;	
	border-top:1px solid #111}
#columns li {
	border-bottom:1px solid #111}
#columns li a {
	display:block;
	padding:.5em 0 .5em 1em;
	color:#8F8F8E}
#columns li a:hover {
	color:#fff}
#columns .col3, .col3-center {
	float:left;
	width:31%}
#columns .col3-center { 
	margin:0 15px}

/* footer */
#footer-bottom {
	clear:both;
	margin:0 auto; 
	padding:1em 0 1.5em 0;
	text-align:center;
	font-size:.85em}

/* alignment classes */
.float-left  {float:left}
.float-right {float:right}
.align-left  {text-align:left}
.align-right {text-align:right}

/* additional classes */
.clear {clear:both}
.grey {color:#8F8F8E}
.bold {font-weight:bold}

.post-by {
	font-size:.9em;	
	padding-top:0}

.post-footer { 
	text-align:right;
	background:transparent;
	border:1px solid #211E20;
	padding:5px 10px;
	margin:20px 15px 10px 15px}
.post-footer .date,
.post-footer .comments,
.post-footer .readmore {padding-left: 20px; margin: 0 3px 0 3px}

/* messagerie */
.menu_messagerie {
	width:160px;
	padding:4px;
	margin-right:4px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background-color:#000;
	float:left}
.menu_messagerie_hover {
	width:160px;
	text-align:center;
	color:#84A5DA;
	float:left}
.menu_messagerie:hover {
	color:#84A5DA}
.message_lu{
	padding:3px;
	color:#4B4B4B;
	margin-bottom:4px;
	background-color:#EFEFEF}
.message_non_lu {
	padding:3px;
	color:#4B4B4B;
	margin-bottom:4px;
	background-color:#FFE7CE}

/* avis */
.menu_avis {
	width:160px;
	padding:4px;
	margin-right:4px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background-color:#000;
	float:left}
.menu_avis_hover {
	width:160px;
	text-align:center;
	color:#84A5DA;
	float:left}
.menu_avis:hover {
	color:#84A5DA}
	
/* contact */
.menu_contact {
	width:160px;
	padding:4px;
	margin-right:4px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background-color:#000;
	float:left}
.menu_contact_hover {
	width:160px;
	text-align:center;
	color:#84A5DA;
	float:left}
.menu_contact:hover {
	color:#84A5DA}
	
/* proposer trajet */
.menu_trajet_nv {
	width:160px;
	padding:4px;
	margin-right:4px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background-color:#000;
	float:left}
.menu_trajet_nv_hover {
	width:160px;
	text-align:center;
	color:#84A5DA;
	float:left}
.menu_trajet_nv:hover {
	color:#84A5DA}
	
/* modifier trajet */
.menu_trajet_mo {
	width:150px;
	padding:4px;
	margin-right:4px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background-color:#000;
	float:left}
.menu_trajet_mo_hover {
	width:150px;
	text-align:center;
	color:#84A5DA;
	float:left}
.menu_trajet_mo:hover {
	color:#84A5DA}
	
/* trajet */
.menu_trajet {
	width:150px;
	padding:4px;
	margin-right:4px;
	text-align:center;
	cursor:pointer;
	color:#fff;
	background-color:#000;
	float:left}
.menu_trajet_hover {
	width:150px;
	text-align:center;
	color:#84A5DA;
	float:left}
.menu_trajet:hover {
	color:#84A5DA}		

/* google map */
#google_map {
}

#google_map a {
	color:#000;
	background-color:inherit;
	text-decoration:underline}
#google_map a:hover {
	color:#99CC33;
	background-color:inherit;
	text-decoration:none}
.gmapSidebar {
	width:auto}

/* autres styles */
.white {
	color:#fff}
.green {
	color:#99CC33}
.black {
	color:#000}

/* autres div */
#nom_lieu {
	font-size:0.8em;
}

/* info box */
.ac_results {
	padding:0px;
	border:1px solid black;
	background-color:white;
	overflow:hidden;
	color:#000;
	z-index:99999}
.ac_results ul {
	width:100%;
	list-style-position:outside;
	list-style:none;
	padding:0;
	margin:0}
.ac_results li {
	margin:0px;
	padding:2px 5px;
	cursor:default;
	text-align:left;
	display:block;
	font:menu;
	font-size:12px;
	line-height:16px;
	overflow:hidden}
.ac_loading {
	background:white url('indicator.gif') right center no-repeat}
.ac_odd {
	background-color:#eee}
.ac_over {
	background-color:#787878;
	color:white}