/*
Theme Name: Union Francilienne des Centres de Gestion et Associations agréés 
Theme URI: http://www.ufca.fr
Description: Thème réalisé pour l'UFCA Paris Ile-de-France
Version: 0.8
Author: Jonathan Petitcolas
Author URI: http://www.tlconseil.com 
*/

* { margin: 0; padding: 0; }

body, textarea, input, button, small { font-family: Verdana, Tahoma, Arial; font-size: 11px; line-height: 1.4em; }
body { background-color: #3E4B65; color: #777777; }

#page { width: 1000px; margin: auto; border: 1px solid #333333; background: #F4F4F9 url(images/fond-menu.png) repeat-y; }

#page #header { background: url(images/fond-header.png) no-repeat top right; height: 89px; }
#page #header #logo { float: left; margin-left: 40px; margin-top: 5px; }
#page #header h1 { padding-top: 48px; text-align: right; padding-right: 20px; }
#page #header .description { padding-top: 66px; margin-left: -150px; float: left; display: block; }

#page #sidebar { margin-top: -10px; padding-top: 20px; float: left;  width: 180px; }
#page #sidebar h1, #page #sidebar h6  { font-size: 14px; border-bottom: 1px dotted #EEE; margin-right: 10px; margin-bottom: 10px; }
#page #sidebar ul { list-style: none; padding-left: 5px;  }
#page #sidebar ul li { margin-bottom: 20px; }
#page #sidebar ul li li { margin-bottom: 0px; border: 0; }
#page #sidebar ul ul { list-style-image: url(images/puce-menu.png); margin-left: 24px; }
#page #sidebar u lul li { line-height: 20px; vertical-align: middle;  } 
#page #sidebar a { color: #0065CA; }
#page #sidebar .photo { text-align: center; }
#page #sidebar .photo img { border: 1px solid gray; padding: 2px; }
#page #sidebar p { padding-right: 5px; }
#page #sidebar ul li ul li * { vertical-align: 5px; } 

/** Some hacks for IE, still... */
*+html #page #sidebar { padding-left: 5px; }
*+html #page #sidebar ul { position: relative; left: -15px; }
*+html #page #sidebar ul li { padding-left: 15px; margin-bottom: 10px; }

#page #sidebar #searchform input { border: 1px solid silver; font-style: italic; }

#page #content p.bandeau { border: 1px dotted silver; padding: 5px; background-color: rgb(250, 250, 250); }

#page #content { float: right; width: 780px; border-right: 1px solid #FFDEAF; padding: 10px; }
#page #content h2, #page #content h3 { margin-bottom: 18px; }
#page #content h2 { line-height: 25px; }
#page #content h3 { line-height: 20px; }
#page #content img { border: 1px solid#E48800; padding: 2px; margin: 10px; margin-bottom: 0; }
#page #content .wp-caption-text { font-style: italic; color: #888888; }
#page #content .post { border-bottom: 1px solid #F0B82D; clear: both; padding-top: 10px; margin-bottom: 15px; padding-bottom: 15px; }
#page #content .post .top-metas { margin-bottom: 10px; margin-top: -15px;}
#page #content ul { list-style: url(images/puce-contenu.png); margin: 10px 30px 10px 30px; }
#page #content ol { margin: 10px 30px 10px 30px; }
#page #content ul li { list-style: url(images/puce-contenu.png); margin-bottom: 15px; }

#page #content .commentlist { list-style: none; }
#page #content .commentlist cite { font-style: normal; font-weight: bold; }

#footer { width: 1000px; margin: auto ;}
#footer p { text-align: center; }

h1, h1 a { color: #3047A5; font-size: 28px; }
h2, h2 a { color: #3047A5; font-size: 18px; }
h3, h3 a { color: #3047A5; font-size: 14px; }
h4, h4 a { color: #3047A5; font-size: 14px;}
h5, h5 a { color: #3047A5; font-size: 12px; }
h6, h6 a { font-size: 11px; color: #3047A5; margin-bottom: 5px; }

a { text-decoration: none; color: #F0B82D; }
a img { border: 0; }

ul { list-style: url(images/puce.gif); }
li { margin-bottom: 4px; }

form input[type="text"], form textarea { color: #555555; padding: 2px; cursor: pointer; border: 1px solid silver; }

/** Another hacks for our favorite browser... **/
*+html textarea { width: 600px; overflow: auto;}

#commentform { width: 600px; }
#commentform label { float: left; width: 340px; }
#commentform input { width: 250px; }
#commentform textarea { width: 590px; }

p { margin-bottom: 12px; text-align: justify;}

.navigation { margin-top: 10px; }

.aligncenter { text-align: center; margin: auto; }
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }

.googleMap { border: 1px solid #E48800; margin-bottom: 15px; }

.video { text-align: center; margin: 10px; }

#seopagebar { margin-top: 15px; text-align: center; }
#seopagebar a { margin-right: 20px; }
#seopagebar span { font-weight: bold; margin-right: 20px; color: #3047A5; }
#seopagebar span.break {margin-right: 20px; color: #F0B82D; }

table { border: 1px solid #3047A5; margin: auto; margin-bottom: 20px; }
table thead { background-color: #3047A5; color: white; text-align: center; }
table tbody th { background-color: #3047A5; color: white; font-weight: bold; }
table th, table td { border: 1px solid #CCC; padding: 2px;  }

.spacer { clear: both; }

p.legend { font-weight: bold; text-align: center; margin-top: 5px; }

#page #content #edito { border: 1px solid silver; padding: 20px; background-color: white; margin-bottom: 15px;  }
#page #content #edito .signature { text-align: right; }
#page #content #edito .signature img { border: 0; }

.postdate { float: left; display: block; margin: -3px 10px 0 0; background: url(images/calendrier.png) no-repeat;
width: 45px; height: 50px; font-family: Arial; }
.bgdate { background: #f0b82d; width: 43px; height: 44px; float: left; margin: 0 10px 10px 0; }
.postdate .month { color:white; text-transform: uppercase; text-align: center; margin-bottom: 3px;
margin-top: 3px; font-weight: bold; padding-right: 1px; }
.postdate .day { color:black; text-align: center; font-size: 1.5em; padding-right: 1px; }
.postdate .year { color:#aeaeae; text-align: center; margin-top: -3px; padding-right: 1px; }

.pastille { float: right; margin: 25px 15px 0 20px }
.titre { display: block; float: left; margin: 15px 0 0 92px; }

.slideshowlink { display: none; }