*						{margin:0; padding:0;}
body					{padding-bottom:50px; font: 80% Geneva, Arial, Helvetica, sans-serif; background-color:#ccc; text-align:center;}
/*body.accueil			{background:#ccc url(../img/philcoudXULconfipop01.jpg) left top fixed no-repeat;}/*

/* LIENS */
a:link, a:visited {text-decoration:none; color:#0033ff;}
a:hover {text-decoration:underline; color:#fff;}
a:active {text-decoration:none;	color:#aaa;}

/* HEADER + NEWSLETTER */
#header					{margin:0 auto; position:relative; width:807px; background:url(../img/tchernoaccueilb.png) bottom right no-repeat;}
#header img				{display:block; margin:0 auto; border:none;}
p.accroche				{padding:2px 0 10px 0; font-size:0.9em; color:#ccc;}
p.entg					{position:absolute; left:50px; top:130px; text-align:right; width:200px;}
p.entd					{position:absolute; right:50px; top:130px; text-align:left; width:200px;}
#abon					{padding:10px 0 60px 0;}
#abon p					{margin:0 auto; adding:3px 0; width:300px; font-size:0.9em; background-color:#c7c7c7; border-width:1px; border-color:#fff #aaa #aaa #fff; border-style:solid;}
#abon input				{font-size:0.9em;}

/* CONTENU */
#contenu				{margin:0 auto; padding:1px 0 10px 0; width:670px;} /*  background:url("../img/lemmings01.gif"); */
p.category			{margin:0 auto; padding-top:1em; width:600px; font-size:1.5em; text-align:left;}
p.category span                 {padding:0 2px; background-color:#000; color:#fff; font-weight:bold; font-variant:small-caps;}

/* NEWS */
.news, .atel, .formspe	{margin:10px auto 0 auto; width:600px; background:#ddd; border:1px solid #aaa;}
.news .picto			{float:left; padding:0 0 1em 0; width:180px;}
.news .picto2			{float:left; padding:5px 0; width:180px;}
.news .info				{float:right; width:420px; text-align:left;}
.news .picto img		{margin-top:2.5em; border:none;}
.news .picto2 img		{margin-bottom:5px; border:none;}
.news h2				{margin:3px 3px 3px 0; padding:0.2em; font-size:1.2em; background-color:#fff;}
.news h2 span			{color:#999;}
.news p					{margin:0 3px 3px 0; padding:0.3em; background-color:#c7c7c7; line-height:1.4em;}
.news p.pvaleur			{background-color:#eee;}
.news ul				{padding:0.2em 3px 8px 0; list-style:none; font-size:0.9em;}
.news li				{padding:0.1em 0;}
span.txtblc				{color:#fff; font-weight:bold;}
span.heure1, span.heure2, span.heure3 {font-weight:bold;}
span.heure1				{color:#fdd01d;}
span.heure2				{color:#e6b802;}
span.heure3				{color:#c8a002;}
.imgcentre				{text-align:center;}
.imgcentre img			{margin:0 auto;}

/* FROMATION / ATELIER */
.formspe				{text-align:center;}
.formg					{float:left; width:300px;}
.formd					{float:right; width:300px;}
.atel h2, .formspe h2	{padding:0.2em; font-size:1.2em; background-color:#fff;}
.formg h2				{margin:3px;}
.formd h2				{margin:3px 3px 3px 0;}
.atel h3				{padding:0.1em; font-size:0.9em; font-weight:normal; background-color:#eee;}
.formg h3				{margin:3px 3px 5px 3px;}
.formd h3				{margin:3px 3px 5px 0;}
.atel h2 span, .formspe span {color:#999;}
.atel dl, .formspe dl	{padding:8px; background-color:#c7c7c7; text-align:left;}
.formg dl				{margin:3px;}
.formd dl				{margin:3px 3px 3px 0;}
.atel dl dd p			{padding-bottom:0.5em; line-height:1.4em;}
.atel dl dd p strong	{font-size:0.9em;}
.dateate				{font-size:0.9em;}
.contactatel			{clear:both; font-size:0.9em; line-height:1.5em;}
.tarifate				{margin:3px; padding:0.2em; background-color:#fff;}
.formspe ul				{padding:5px 20px; text-align:left;}

/* NATION */
#nation					{margin:30px auto 0 auto; width:300px; background:#ddd; border:1px solid #aaa;}
#nation img				{border:none;}
#nation p				{padding:3px 0; font-size:0.9em;}

/* PIED */
#pied p					{padding:10px 0; font-size:0.9em;}

div#footer                              { margin-top:15px; }

div.categories                          { margin:0; float: right; text-align:left;}
div.categories ul                       { list-style: none; }
div.categories li                       { margin: 0px 0 5px 0px;}
div.categories li                       { /*display: inline;*/
                                          color: #ffffff;
                                          background-color:#000000;
                                          font-size: 1.2em;
                                          font-variant:small-caps;
                                          font-weight:bold;
                                          margin-right: 2px;
                                          padding:0 2px 0 2px; 
                                        }
                                        

h2.pagetitle{
  margin: 20px 60% 0 40%;
  width:200px;
  background-color:#000000;
  color:#FFFFFF;
  font-variant:small-caps;
  font-weight:bold;
  padding:0 2px;
}


div.categories a { color: #ffffff; }
div.recherche { margin-top: 20px;}
div.post-resultat-recherche, div.post-resultat-recherche a, div.sidebar-recherche a {color:yellow;}
div.sidebar-recherche { margin-top: 20px;}
  
/* *** FIX FLOAT PROBLEME, voir http://www.csscreator.com/attributes/containedfloat.php *** */
.clearfix:after			{content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix				{display: inline-table;}
/* DBT Cache � IE-mac \*/
* html .clearfix		{height: 1%;}
.clearfix				{display: block;}
/* FIN Cache � IE-mac */

