/*
Theme Name: tb-formation
Description: Le thème utilisé pour un organisme de formation
Version: 1.0
Author: Thierry BOGART
Author URI: http://www.votrewebfacile.fr/
*/
@import url(menu.css);
* {	margin:0; padding:0;}
a img { border:0; }

body {
       font-family:Verdana, Arial, Helvetica, sans-serif;
       font-size:12px;
       color:#000;
       }
#wrap { width:990px; #margin:auto; } 

#content {
	float:left;
	width:690px;
	min-height:550px;
}
#sidebar {
	padding: 20px 0 10px 0;
	margin-left: 690px;
	width: 300px;
}
#sidebar ul {	padding: 0 0 0 12px;}
#sidebar ul li{	padding: 0 0 0 0px;}

/* pub */
#pubentete {width:730px;margin:auto;margin:30px auto 10px;;}
#pubsky {
	background-color:#EEE;
	left:1000px;
	position:absolute;
}

/* entete */
#header {
/*	height:150px;*/
	position:relative;
       }
#sitename {
	padding-top:0px; padding-left:10px;
	font-variant:normal; 
	text-align:center;
	width:500px;height:120px;
}
#sitename h2{font-size:38px;text-align:left;}
#sitename h1{font-size:20px; font-variant:normal;text-align:left;}
#sitename a, #sitename a:visited, #sitename a:active{text-decoration:none;color:#000;}

address{position:absolute;right:5px;top:5px;z-index:2;}
address{font-size:14px;text-align:center;font-style:normal;}
address b{font-size:30px;}

/* pied de page */
#footer {margin:auto;
	padding:5px 0 10px 0;
	text-align:center;
	}
#footer p {display:block; margin-top:3px;}
#footer #credit { font-size:10px;}

/* contenu */
.clear {clear:both;}
hr.clear {clear:both; visibility:hidden;}
.post ul {margin-left:20px;}
.post ol {list-style:decimal; list-style-position:inside;}
.post li {padding:0px 10px 0px 10px;}
.post ul li {margin-left:10px;}

h1, h2, h3, h4 {
	color:#000000; 
	font-family:"Trebuchet MS", Verdana, sans-serif; 
	text-decoration:none;
	}
h1 {font-size:200%;}
h2 {font-size:150%;}
h3 {font-size:125%;}
h4 {font-size:100%;}

.page h1 {text-align:center;text-transform:uppercase;margin-bottom:20px;}
.page h2 {margin-top:10px;}
.page h3 {text-decoration:underline;margin-top:10px;}

a {color:#0000FF;}
a:visited {color:#0000FF;}
a:active {color:#584A30;}
a:hover {color:#7C5B43; text-decoration:none;}

.post {
	margin:15px 20px 10px 15px; 
	padding:10px 20px;
	clear:both;
	font-size:100%;
	-moz-border-radius:5px 5px 10px 10px;
	background-color:#EEE;
	border:1px solid #000;
}
.post p {text-align:justify;margin:0 0 1em 0;}
.post h1 {display:block; text-align:center;padding:5px 0px 15px 0px; text-decoration:none;	}
.post h1 a, .post h1 a:visited, .post h1 a:active, .post h1 a:hover {text-decoration:none;color:#000;}
.post h2 {display:block; padding:10px 0px 0px 0px; }
.post h2 a, .post h2 a:visited, .post h2 a:active, .post h2 a:hover {text-decoration:none;color:#000;}
.post h3 { padding:0px 0px 2px 0px; }
.post h3.clear { font-size:150%;text-align:center; margin:20px 60px; border-top:1px solid black;}

/* catégories et tags */
.postitem h2 span.duree {float:right;font-size:80%;}

/* programme de formation */
#objectifs {
	width:200px;
	float:left;
}
#participants, #prerequis, #methodes {
	margin-left:240px;
}
#methodes ul {margin-top:0px;}
#programme {
	-moz-column-count:2;
	-moz-column-gap:2em;
	-moz-column-width:auto;
}
#programme > h2:first-child { padding:0; }
p#autresformations, p#telecharger {margin:20px 0;}

/* formulaire de recherche */
#chercher{position:absolute;right:5px;top:90px;z-index:2;}
.searchbox {margin:0;}
.searchbox .text {border:solid 1px #B6A278; background: #F9F8F2; width:auto; padding:0; font-size:14px; color:#000000;}
.searchbox .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.searchbox .text:focus {background:#F4EFE3; border: solid 1px #000000;}
.searchbox .button {border:solid 1px #CBBA96; background:#EAE3D5; padding:0; margin:0;}
.searchbox .button:hover {border:solid 1px #CBBA96; background: #EDECD1; padding:0; margin:0;}

.form {margin:10px 25px 10px 50px;}
.form .text {display:block; border:solid 1px #B6A278; background: #F9F8F2; width:250px; padding:5px; font-size:14px; color:#000000;}
.form label {display:block; margin-bottom:3px; margin-top:10px;}
.form .text:hover{background:#FFFFFF; border: solid 1px #000000;}
.form .text:focus {background:#F4EFE3; border: solid 1px #000000;}
.form .button { display:block; border:solid 1px #CBBA96; background:#EAE3D5; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;}
.form .button:hover { display:block; border:solid 1px #CBBA96; background: #EDECD1; padding:5px 10px 5px 10px; margin:10px 0px 10px 0px;}

/* meteo */
#meteo form {
  text-align:left;
  margin:5px 0;
}
#meteo select { 	font-size:80%; width:200px;	}
#meteo h3 		{ 	text-align:center; }
#meteo h4 		{ 	text-align:center; padding:5px 0;}
.meteo-maj		{	text-align:center;	font-size:80%;}
div.meteo-prev1, div.meteo-prev2 			{font-size:80%; width:117px;float:left;padding:0 0 0 2px;}
div.meteo-prev1 					 			{width:118px;border-right:1px solid grey;padding:0 2px 0 0;}
div.meteo-img-temp p.meteo-temperature 	{ margin:0 0 0 120px; padding:18px 10px 0 10px; height:75px;}
div.meteo-img-temp2 p.meteo-temperature 	{ margin:0 0 0 60px; padding:20px 10px 0 10px; height:41px;}
div.meteo-img-temp p.meteo-temperature span {	text-align:center; font-size:200%;}
div.meteo-img-temp2 p.meteo-temperature span {	text-align:center; font-size:150%;}
div.meteo-img-temp p.meteo-description 	{ text-align:center; font-size:150%;}
div.meteo-img-temp2 p.meteo-description 	{ text-align:center; font-size:150%;height:2.5em;padding:0 0 5px 0;}
div.meteo-img-temp img, div.meteo-img-temp2 img {	float:left;}
#meteo label {
  display:none;
  }
.meteo-pave {
	float:left;
	height:250px;
	overflow:hidden;
	width:240px;
	}
#meteoresult {
	float:left;
	height:250px;
	overflow:hidden;
	width:240px;}
#meteo-slide {width:960px;}