/* Theme "Kameleon" orange et rouge
par Kozlika <http://www.kozlika.org/>
pour Dotclear <http://www.dotclear.net/>
Licence : GNU/GPL.
*/
 
body {
	margin : 0 ;
	padding : 0;
	font-family : "Lucida Grande", "Lucida sans unicode",Lucida, Verdana,Arial,Geneva,Helvetica,sans-serif;
	color : #4A4A4A;
	font-size : 76%;
	background : #C8D32E;
	line-height : 140%;
	text-align : center;
}

p { margin : 0.5em 0; }
img { border : none; }
form { display : block; margin : 0; padding : 0; }

.petit, .footnotes { font-size : 0.9em; margin : 0 0 1em 0; }

/*h1 { font-size : 2em; margin : 0; }*/
h2 { font-size : 1.20em; margin : 0 0 2px 10px; padding:0; text-align:left;}
h3 { font-size : 1.17em; margin : 1em 0; }
h4 { font-size : 1em; margin : 1.33em 0; }
h5 { font-size : 0.83em; margin : 1.67em 0; }
h6 { font-size : 0.67em; margin : 2.33em 0; }

code,pre, kbd, samp { font-family : "Courier New",monospace; font-size : 1.1em; color :#330; }

pre {
	background : #f5f5f5;
	border : 1px solid #fe9b18;
	margin : 0 2em;
	padding : 0.33em 1em;
	padding : 0.5em;
	text-align:left;
	white-space:normal;
		/* cachư pour IE 5 Mac qui sait pas faire - Ne pas supprimer cette ligne  \*/
		white-space:pre;
		width: 90%;
		overflow : auto;
	/* Fin hack Ne pas supprimer cette ligne */
}

q { font-style : italic; }

a:link, a:visited {
	color : /* #A20116 */ #666;
	text-decoration : none;
}
a:hover, a:focus, a:active {
    background-color : #f5f5f5;
	text-decoration : underline;
	color : #d4011e;
	font-weight : normal;
}

a[hreflang]:after {
	font-size:x-small;
	content: "\0000a0[" attr(hreflang) "]";
	color : #666;
	background : transparent;
}

.lirelasuite a:link, a:visited {
	text-decoration : none;
}
	

/* Layout
-------------------------------------------------------- */
#page {
    width : 950px;
	padding : 0;
	margin : 0 auto;
	background : #fff url(../kameleon/filet.png) repeat-y 16em;
	text-align : left;
	border: 1px #333 solid;
}

#top {
	
	height : 210px;
	text-align:center;
	
	margin : 0;
	padding : 0;
	font-family : Georgia, "Times New Roman", serif;
}

#vaguebleue {
	
	height : 33px;
	margin : 0;
	padding : 0;
	
}

#top h1 {
	height : 230px;
	margin : 0;
	font-size : 2.25em;
	padding : 24px 20px 0px 20px;
	border: 1px #333 solid;
}
#top a {
	color : #666;
	text-decoration : none;
}
#top a:hover {
    color : #d4011e;
}
.sous-titre {
	display : block;
	padding : 0;
	margin : 5px 0 0 25px;
	font-size : 1.25em;
	font-style : italic;
	letter-spacing : 1px;
	font-weight : normal;
}

.titre-texte {
	display : block;
	padding : 0;
	margin : 5px 0px 0px 0px;
	font-size : 1.5em;
	
	letter-spacing : 1px;
	font-weight : normal;
}

.extrait {
	display : block;
	padding : 0;
	margin : 10px 0 0 0px;
	
}

#extranav {
    background-color : #999;
    list-style-type : none;
    margin : -1px 0 0 0;
    padding : 0 16px;
    text-align : left;
}
#extranav li {
	display : inline;
	padding : 1px 0;
}
#extranav li a {
    color: #fff;
    text-decoration: none;
    padding: 1px 10px;
}
#extranav li a:hover, #extranav li a.active {
    color: #A20116;
    text-decoration: none;
    background: #fe9b18;
}
#extranav li a.active {
    color : #333;
}

#prelude {
	margin : -1px 0 0 0;
	padding : 0 15px 0 0;
	font-size : 0.85em;
	text-align : right;
	color : #000;
	
	height : 20px;
}
#prelude a, #prelude a:hover, #prelude a:focus {
	color : #fe9b18;
}

#main {
	width : 100%;
	float : right;
	margin : 0 0 0 -16em;
	padding :0;
	text-align : justify;
	background : transparent;
}

#main h3 {
	color : #666;
	margin-top : 2em;
}

#content {
	padding : 1px 4em 1em 2em;
	margin : 0 0 0 16em;
	background : transparent;
}


/* Sidebar
-------------------------------------------------------- */
#sidebar {
	width : 18em;
	float : left;	
	margin : 0 0 2em 0;
	padding : 0 0 2em 0;
	font-size : x-small;
	color : #666;
	background : transparent;
	line-height : 130%;
}

#languages, #search, #selection, #categories, #archives, #syndicate, #calendar, #links {
    margin-left : 10px;
    margin-right : 0;
}

#sidebar a:link, #sidebar a:visited {
	color : #666; /*A20116;*/
	text-decoration : none;
    border : none;
}

#sidebar strong a {
    color : #d4011e;
}
#sidebar a:hover, #calendar a:active {
	text-decoration : underline;
	color : #d4011e;
}
#sidebar h3 {
	font-size:1.1em;
	font-weight:normal;
	margin:0.5em 0 0.33em 0;
	color : #333
}
#sidebar h2 {
	height: 11px;
	font-weight : normal;
	font-size:1.2em;
	margin: 11px 0 0 0;
	padding : 3px 0.15em 6px 14px;
	letter-spacing : 1px;
	text-transform : uppercase;
        text-decoration:underline ; 
    	
}
#search h2 {
	margin-top : 0;
    background : transparent;
    padding-left : 0;
}
#sidebar ul {
	padding : 0;
	margin : 0 0 0 0.5em;
	list-style-type : none;
}

#sidebar li {
	margin-top : 0.15em;
	padding-left : 10px;
	background : transparent url(../kameleon/fleche.png) no-repeat 0 4px;
}

#sidebar li:hover {
}


/* aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaCalendar */
#calendar {
	font-size : 9px;
    margin : 1em auto;
	border : 1px solid #fe9b18;
}
#calendar table {
	border-collapse : collapse;
	margin : 0 auto;
}

#calendar caption {
	padding : 0.3em 0;
	font-size : 1.15em;
	margin : 0 auto;
	text-transform : uppercase;
	border-bottom : 1px solid #fe9b18;
}
#calendar abbr {
	   border : none;
		font-weight : normal;
}

#calendar th, #calendar td {
	border : none;
	padding : 1px;
}
#calendar td {
	text-align : center;
}

#calendar td.active {
	border-bottom : 3px solid #fe9b18;
}
#calendar a:link, #calendar a:visited {
	font-weight : bold;
	color : #d4011e;
}
#calendar td.active a {
	font-weight : bold;
}

/* Footer
-------------------------------------------------------- */
#footer {
	clear: both;
	margin: 0 0 0 0;
	
	color: #fff;
	font-size: x-small;
	text-align: right;
	line-height: 100%;
	
	
}
#footer a {
	font-weight : bold;
}


/* Post
-------------------------------------------------------- */
.day-date {
	font-size : 1em;
	text-transform:lowercase;
	margin-top : 0;
	text-align : left;
	padding-left:24px;
	color : #666;
	background : transparent url(favicon.jpg) no-repeat 0 50%; 
}

.post {
	margin-bottom : 2.5em;
	margin-top : 0;
}
.single, .list {
    padding : 0 10%;
    margin-bottom : 4em;
}
.post-title {
	margin : 0;
	background : transparent; 
	padding:4px 0 20px 0;
	color : #A20116;
	font-family : Georgia;
}


.single .post-title {
	text-align:center;
	text-transform : uppercase;
	font-weight : normal;
}
.single a:link, .single a:visited {
	color : #A20116;
	text-decoration : none;
}
.post-title a {
	color :#A20116;
	font-weight : normal;
	border : none;
}
.post-content h2, .post-content h3, .post-content h4, .post-content h5 {
	color : #666;
	font-weight : normal;
	margin : 1em 0 0.66em 0;
    	text-transform : uppercase;
}
.post-content a:link, a:visited {
	font-weight : normal;
	border-bottom : 1px dotted #4A4A4A;
}
.post a:link, a:visited {
	font-weight : normal;
	border-bottom : 1px dotted #4A4A4A;
}
.post-info, .post-info-co, .post-info-url {
	font-size : x-small;
	margin-bottom : 2em;
	color : #666;
	text-align : left;
	
}
.single .post-info {
	text-align : center;
	margin-bottom : 3em;
}
.post-info {
	margin-bottom : 0;
}
.post-info-url {
	margin-top : 1.5em;
	background : transparent url(../kameleon/comm.png) no-repeat 0px 8px;
	padding : 4px 0 2px 14px;
	border-top : 3px dotted #fe9b18;
	border-bottom : 1px solid #d4011e;
}
.post-chapo {
	margin-bottom : 1.5em;
}
.chapo {
	padding : 10px 0 0 0;
}
.post-content {
    margin-bottom:0;
	margin-top : 0.5em;
}
.post blockquote {
    font-family:Tahoma, "Lucida Grande", "Trebuchet MS", sans-serif;
    font-size:0.9em;
    margin:2em 0;
    padding-left:1.5em;
}
.post blockquote p {
    margin-top:1em;
}

#trackbacks h3, #comments h3, #comment-preview h3 {
	font-size : 1em;
}

#trackbacks, #comments, #comment-preview {
	margin : 0 10%;
}
.comm {
	font-size : x-small;
	margin-bottom : 1.5em;
	color : #333;
}
.comment-info {
	text-align : left;
	padding : 1px;
	margin-bottom : 0;
	color : #666;
}
.comment-number {
	font-size : 0.9em;
	padding : 0 2px;
	font-weight : bold;
	border : 1px solid #A20116;
	background : #fe9b18;
}
#trackbacks blockquote, #comments blockquote, #comment-preview blockquote {
	display : block;
	margin : 0 0 2em 0;
	padding : 1px 1em 0 0;
	color : #333;
}

/* Error messages
-------------------------------------------------------- */
.error {
	border : 1px solid #c00;
	background : #fee;
	padding : 0.5em;
}
.error ul {
	padding-left : 20px;
}
.error li {
	list-style : square;
}


/* Interactions
-------------------------------------------------------- */
fieldset {
	display : block;
	border : none;
	margin : 2em 0 0 0;
	padding : 0;
}

input, textarea {
	font-family : Verdana,Arial,Geneva,Helvetica,sans-serif;
	font-size : 1em;
	border-width : 1px;
	border-color : #ccc;
}

input[type], textarea[name] {
	background: #eceade;
}

input[type=submit], input[type=reset] {
	background : #999;
	color : #000;
}

input[type=submit]:hover {
	background : #fe9b18;
	color : #666;
}

textarea {
	width : 100%;
}

p.field {
	margin : 0.5em 0 0 0;
	clear : both;
    margin-bottom : 1em;
}

p.field label {
	display : block;
	font-size : x-small;
	width : 10em;
	float:left;
	color : #333;
}

.form-help {
}

#comment-form {
}

input.preview {
}
input.submit {
}

#c_nom {
}
#c_mail {
}
#c_site {
    margin-bottom : 1em;
}
#c_content {
}
#c_remember {
}
/** styles supplementaires **/
.descat {
	text-align : center;
	color : #666;
	margin-top : 0;
	margin-bottom : 1em;
	padding-bottom : 2em;
	border-bottom : 2px dotted #82B81A;
}
.descatbreves {
	text-align : center;
	color : #666;
	margin-top : 10px;
	
	border-top : 2px dotted #82B81A;
}
.titrecat {
	font-weight : bold;
	letter-spacing : 1px;
	text-transform : uppercase;
	margin-bottom : 0;
}
.catrss { 
    padding-left : 20px; 
    background : transparent url(images/rss.png) no-repeat center left; 
}

.pagenav {
    text-align : right;
    margin-top : 0;
    margin-bottom : 2em;
    font-size : x-small;
}
.pgp {
    background : transparent url(../kameleon/pgp.png) no-repeat 0 2px;
    padding : 2px 0 2px 16px;
}
.pgs {
    background : transparent url(../kameleon/pgs.png) no-repeat right 2px;
    padding : 2px 16px 2px 0;
}

.spip_puce {
	list-style-position: inside;
	border-width: 0px;
}
.spip_documents{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size : 90%;
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 25%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	margin-top: 10px;
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px;
	margin-top: 10px;
	text-align: center;
}
table.spip {
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #999999;
	border-collapse:collapse;
}

table.spip caption{
	caption-side: top; /* bottom pas pris en compte par IE */
	text-align: center;
	margin-left: auto;                                                       
	margin-right: auto;
	padding: 3px;
	font-weight: bold;
	font-family: Verdana,Arial,Sans,sans-serif;
	font-size : 70%;
}

table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #d0d0d0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	padding: 3px;
	text-align: center;
	vertical-align: middle;
}

.spip_logos{
	margin-right: 15px; 
	
	margin-top: 10px;
	
}