/*
Theme Name:CADEB2
Theme URI:http://www.cadeb.org/
Description:Le thème utilisé pour le site du CADEB
Version:2.0
Author:Julien Milliard
Author URL:http://www.lagouache.com/
*/

/***************************
	GENERAL
 ***************************/
body {margin:0; padding:0; height:100%;}

/*	Typographies
---------------------------*/
body {font:normal 12px/20px Georgia, "Times New Roman", Times, serif; background:#FFF url(images/body-fond.png) top repeat-x; color:#2F4F6F;}
h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h2 {font-size:24px; line-height:24px; margin:0; margin-bottom:10px; padding:5px 0; border-top:3px solid #2F4F6F; border-bottom:1px dotted #2F4F6F;}
h3 {font-size:18px;}
h4 {font-size:14px;}
h5, h6 {font-size:12px;}
p {margin-bottom:10px; font-size:12px; color:#2f4f6f; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;}
acronym {cursor:help; border-bottom:1px dotted;}
code {display:block; margin:0 0 12px; padding:12px; font:11px "Courier New", Courier, monospace; border:1px dashed #2F4F6F; background:#FAFAFA;}
blockquote {margin:12px 0; padding:0 0 0 20px; font-size:12px; font-style:italic; text-align:justify;}
blockquote p {margin:0; padding:0;}

hr {margin:24px 0 0; border:0; height:1px; background-color:#2F4F6F; color:#2F4F6F;}

a:link, a:active, a:visited {color:#68A;}
a:hover {color:#2F4F6F;}
a:focus {outline:none; color:#2F4F6F;}

/*	Images
---------------------------*/
img {float:left; margin-right:10px; padding:4px; border:1px solid #CEE0F2; max-width:530px;}

/*	Listes
---------------------------*/
ol, ul {margin:0 0 12px 12px; padding:0; font-size:12px;}
ul ul, ol ol {margin-bottom:0;}
ul {list-style:square inside;}
ol {list-style:decimal inside;}
dl {margin:0 0 12px; padding:0;}
	dt {font-weight:bold; color:#FFF;}
	dd {margin:0 0 12px 24px;}

/*	Tableaux
---------------------------*/
table {margin:12px 0; border:1px dashed #2F4F6F; border-collapse:collapse; font:12px Arial, Helvetica, sans-serif;}
table th, table td {padding:12px; text-align:left;}
table thead th {background:#300; color:#fff;}
table tbody th {background-color:#2F4F6F; color:#FFF;}
table tbody th, table tbody td {border:1px dashed #2F4F6F; border-width:1px 0;}
table tfoot td {text-align:center; background:#FAFAFA;}

/*	Formulaires
---------------------------*/
form {padding:0; margin:18px 0;}
form fieldset {border:0; padding:12px; margin:0;}
form fieldset legend {padding:5px; width:auto; background:#2F4F6F; color:#FFF;}
form p label {float:left; display:block; margin-right:10px; width:30%; font-family:Georgia, "Times New Roman", Times, serif; font-size:14px;}
form p input,
form p select,
form p textarea {padding:6px; border:1px dashed #2F4F6F; width:60%; font:12px Tahoma, Arial, Helvetica, sans-serif; background-color:#fff; color:#89C;}
form p select {width:63.5%;}
form ul {margin:0 0 0 33%; padding:0; list-style-type:none; color:#68A;}
form ul li {padding:0 30px 5px 0; white-space:nowrap;}
form input.bouton {padding:5px 6px; border:0; width:auto; overflow:visible; cursor:pointer; font-size:1.3em; background:#89C; color:#fff;}

/***************************
	MISE EN PAGE
 ***************************/
div#page {position:relative; margin:0 auto; width:760px;}
	div#header {height:120px; margin-bottom:10px;}
	div#contenu {display:inline; width:760px;}
		div#principal {float:left; margin-right:10px; width:540px; overflow:hidden;}
			div#edito {padding:10px 10px 60px; margin-bottom:10px; border:10px solid #CEE0F2; width:500px; background:#E5F2FF url(images/signature-cadeb.png) bottom right no-repeat; text-align:justify;}
			div#actus {}
		div#sidebar {float:left; padding:10px; margin-bottom:10px; width:190px; height:1%; background:#E5F2FF;}
	div#menu {clear:both; position:absolute; right:0; top:20px;}
	div#footer {clear:both; margin:15px 0; padding-top:5px; border-top:3px solid #2F4F6F;}

/*	HEADER
---------------------------*/
#header h1 {margin:0; padding:50px 0 20px; font-size:36px;}
#header h1 a {text-decoration:none; color:#CEE0F2;}
#header h1 a:hover {color:#FFF;}
#header h3 {margin:0; padding:0; color:#FFF;}
#header h3 a {color:#FFF; text-decoration:none;}
#header h3 a:hover {color:#CEE0F2;}

/*	CONTENU
---------------------------*/
#contenu h2 {text-align:center;}
#contenu h3 {color:#390; margin-bottom:0; padding-bottom:5px; font-family:Arial, Helvetica, sans-serif;}
#contenu p.date {margin:0; padding:0; text-align:right; font:12px Arial, Helvetica, sans-serif; color:#89C; border-top:1px solid #CEE0F2;/* background:url(images/date-fd.png) center repeat-x;*/}
#contenu p.date span {background:#fff; margin-right:10px; padding:0 5px; border:1px solid #CEE0F2; border-top-color:#FFF;}

#edito h3 {margin:15px 0; padding:0; font-size:24px; font-family:Georgia, "Times New Roman", Times, serif;}

ul.liens {list-style:none;}
ul.liens h3 {padding-bottom:10px;}

/*	SIDEBAR
---------------------------*/
#sidebar h2 {font-size:21px;}
#sidebar h3 {margin:0; padding:0; padding-left:15px; color:#390; font:14px Verdana, Arial, Helvetica, sans-serif; background:url(images/puce-agenda.png) left no-repeat;}
#sidebar p, #sidebar ul {font:10px/14px Verdana, Arial, Helvetica, sans-serif; margin:0 0 10px;}
#sidebar p.date {margin:0; padding:0; text-align:right; font:12px Arial, Helvetica, sans-serif; color:#68A; background:url(images/date-fd.png) center repeat-x;}
#sidebar p.date span {background:#E5F2FF; padding-left:5px;}

/*	MENU
---------------------------*/
#menu ul {margin:0; padding:0; list-style:none;}
#menu ul li {display:inline; float:right;}
#menu ul li a {margin-left:15px; color:#9c3; text-decoration:none; text-transform:uppercase; font-size:12px; font-weight:bold; border:1px dotted #390; border-width:1px 0;}
#menu ul li a:hover {color:#FFF; border-color:#fff;}

/*	FOOTER
---------------------------*/
#footer ul {margin:0; padding:0; list-style:none; color:#68A; font:12px Arial, Helvetica, sans-serif;}
#footer ul li {display:inline; margin-right:20px;}
#footer ul li a {text-decoration:none;}