@charset "utf-8";
/*
Theme Name: Souris Kiclic
Theme URI: http://www.souriskiclic.fr/blog/
Description: Theme cree a partir du template developpe par Patrick Becker pour Souris Kiclic.
Version: 1.0
Author: Bruno GUERARD
Author URI: http://www.souriskiclic.fr/
Tags: SKC, custom header, fixed width, two columns, widgets 

Ce Template a ete cree par Patrick BECKER,
dont le site Internet est http://www.wide-design.com/


*/

/* Debut typographie & couleurs */

* {
font-family: Arial, sans-serif;
font-weight: normal;
font-style: normal;
font-size: 100%;
text-decoration: none;
padding: 0px;
border: none;
margin: 0px;
}
html {
height: 101%; /* pour corriger l'effet de saut entre le passage d'une page avec et sans barre de défilement dans Firefox */
}
body {
color: #FFF;
background-color: #192A3D;
font-size: 0.625em;
/* centrage de la page */
text-align: center; /* pour corriger le bug de centrage IE */
}
/*img {display: block;}*/ /* Pose problème aux smileys en faisant un retour chariot, commenté le 02 avril 2009*/
a, a:link, a:visited {
text-decoration: none;
color: #FFF;
}
a:hover, a:active {
text-decoration: underline;
color: #FDB441;
/* color: #99CC33; couleur verte*/
}
label {
font-size: 100%;
color: #FFF;
}
strong, b {
font-weight: bold;
}
.enLigne {
display: inline;
}
.milieuAbsolu
{
vertical-align: baseline;
display: inline;
}
.ajusteur	{ /* pour ajuster la hauteur de la ligne */
clear: both;
line-height: 0px;
font-size: 1px;
height: 0px;
color: #FFF;
}
label span {display: none;}
table {margin: 5px auto;}
em {font-style:italic}

/* ==========================
> ZONE DIV
========================== */
#conteneur {
position: relative;
width: 1000px;
text-align: left;
margin-left: auto;
margin-right: auto;
}
/* ======================= */
#bandeau_haut {
position: relative;
width: 1000px;
height: 115px;
background: #192A3D url(images/souriskiclic-bandeau.jpg) top left no-repeat;
}
#colonne_de_gauche {
position: absolute;
top: 115px;
left: 0;
width: 250px;
height: 375px;
background: #192A3D url(images/souriskiclic-colonne.jpg) top right no-repeat;
}
#zone_de_texte {
width: 750px;
margin: 0 0 0 250px;
background: #192A3D url(images/souriskiclic-fond-page.jpg) 0 0 repeat-y;
}
#pied_de_page {
width: 750px;
height: 60px;
background-color: #192A3D;
margin: 0 0 0 250px;
padding: 10px 0 20px 0;
text-align: center;
}
/* ======================= */
#logo {
position: absolute;
left: 250px;
top: 0;
width: 131px;
height: 115px;
}
#bandeau_zone_de_texte {
width: 750px;
height: 89px;
background: #192A3D url(images/souriskiclic-bandeau-page.jpg) top left no-repeat;
}
#contenu_zone_de_texte {
width: 500px;
padding: 0 100px 20px 150px;
text-align:justify;
}
#pied_de_page_zone_de_texte {
width: 750px;
height: 40px;
background: #192A3D url(images/souriskiclic-pied-page.jpg) top left no-repeat;
}
#menu, .menu {
position: absolute;
bottom: 0;
right: 0;
width: 600px;
height: 30px;
}

/* ==========================
> ELEMENTS HTML
========================== */
h1 {
font-family: Arial, sans-serif;
font-size: 2em;
color: #FFF;
padding: 58px 0 0 34px;
}
h2 {
font-family: Arial, sans-serif;
font-size: 1.4em;
color: #99CC33;
/* color: #FDB441; couleur orange*/
line-height: 24px;
margin: 10px 0 0 -70px;
padding: 0 0 0 44px;
background: transparent url(images/ecrans-titre.jpg) 0 0 no-repeat;
}
h2 a, h2 a:link, h2 a:visited {
	text-decoration: none;
	color: #99CC33;
}
h2 a:hover, h2 a:active {
text-decoration: underline;
color: #FDB441 !important;
/* color: #99CC33; couleur verte*/
}
h3 {
font-family: Arial, sans-serif;
font-size: 1.3em;
color: #A0A0A0;
padding: 10px 0 0 0;
border-bottom: 1px dotted #A0A0A0;
}
p {
font-family: Arial, sans-serif;
font-size: 1.2em;
color: #FFF;
padding: 10px 0 0 0;
line-height: 1.4em;
}
ul, ol {
font-family: Arial, sans-serif;
font-size: 1.2em;
color: #FFF;
padding: 10px 0 10px 30px;
}
li {
list-style-type: square;
line-height: 1.4em;
}
ol li {
	list-style:decimal
}
.incqbox { font-size:0.8em;}
address {
font-family: Arial, sans-serif;
font-size: 1.2em;
color: #FFF;
text-align: center;
line-height:1.4em;
margin: 78px 0 0 90px;
}

/* ==========================
> ZONE LIEN
========================== */
.lien_haut {
font-size: 1.1em;
color: #FFF;
text-align: right;
padding: 2px 17px 0 0;
}
a.lien_logo {
display: block;
width: 131px;
height: 115px;
background-image: url(images/souriskiclic-logon.jpg);
}
a.lien_logo:hover {
border: none;
}
a.lien_logo:hover img {
display: none;
}
.liens_pied_de_page {
font-size: 1.2em;
line-height: 1.6em;
}

/* ==========================
> ZONE MENU
========================== */
#menu ul, .menu ul {
margin: 0;
padding: 0;
}
#menu ul li, .menu ul li {
float: left;
text-align: center;
list-style-type: none;
}
#menu ul li a, .menu ul li a {
display: block;
width: 100px;
height: 25px;
font-family: Futura, Arial, sans-serif;
font-weight: bold;
color: #FFF;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: none;
padding-top: 5px;
}
#menu ul li a:hover, #menu ul li a:active, #menu ul li a.actif, .menu ul li a:hover, .menu ul li a:active, .menu ul li a.actif {
height: 23px;
color: #FFF;
text-decoration: none;
border-bottom: 2px solid #FDB441;
/* border-bottom: 2px solid #99CC33; couleur verte */
}
/* Menu de la page myspace.php (espace perso) */

#myspace_menu li {
width: 150px;
list-style: none;
text-align:center;
padding: 0px;
margin: 0px 5px 10px 0px;
}
#myspace_menu li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color: #FFF;
text-decoration: none;
padding: 10px 0 10px 0;
height:10px;
line-height:0.8em;
display: block;
border: 1px solid #40718D;
}

#myspace_menu li a:hover {
font-weight:bold;
color: #FFF;
background-color: #253547;
border: 1px dotted #A0A0A0;
}
/* Menu login de toutes les pages */

#log_menu li {
width: 100px;
list-style: none;
text-align:center;
padding: 0px;
margin: 0px 5px 10px 0px;
}
#log_menu li a {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
color: #FFF;
text-decoration: none;
padding: 0px 0px 0px 0px;
height:20px;
display: block;
border: 1px solid #40718D;
}
#log_menu li a:hover {
font-weight:bold;
color: #FFF;
background-color: #253547;
border: 1px dotted #A0A0A0;
}

/* ==========================
> ZONE FORMULAIRE DE COMMENTAIRES
========================== */

#commentform input,
#commentform textarea {
	background-color: #304051;
	border: 1px solid #40718D;
	color: #FFF;
	text-align: left;
}

#commentform input:hover,
#commentform textarea:hover {
	font-weight:bold;
	background-color: #253447;
}

#commentform input:focus,
#commentform textarea:focus {font-weight:bold;}

#commentform input {
	height:18px;
	width:33%;
}

#commentform textarea {
	width:100%;
	height:100px;
}

#commentform input.bouton_validez {
	background-color:#304051;
	border:none;
}

#commentform small {font-size:0.8em;}

/* ==========================
> WP SIDEBAR
========================== */

#wp_sidebar {
	position:absolute;
	background-color:#253447;
	/*top:260px;*/ /* que 260px car on affiche as le formulaire */
	top:260px;
	left: 10px;
	margin-right:10px;
	padding:0px 0px 10px 0px;
}
#wp_sidebar_cloud {
	text-align:justify;
}
#wp_sidebar_element, #wp_sidebar_cloud {
	background-color:#304050;
	margin:0px 10px 0px 10px;

}

.wp_sidebar_li {
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
	list-style:none;
	background-color:#253447;
	margin:-10px 0px 0px -30px;
	padding-top:10px;
	border-bottom: 1px dotted #FFF;
}
.wp_sidebar_li_element, .wp_sidebar_li_element a:link, .wp_sidebar_li_element a:visited {
	list-style-image: url(images/puce_off.gif);
	padding-bottom:10px;
}
.wp_sidebar_li_element a:active, .wp_sidebar_li_element a:hover {
	list-style-image: url(images/puce_on.gif);
}

/* ==========================
> IMAGE ZONE TEXTE
========================== */
.image_gauche, .alignleft {
float: left;
margin: 12px 10px 3px 0;
}
.image_droite, .alignright {
float: right;
margin: 12px 0 3px 10px;
}
.text-alignleft {float:left;}
.text-alignright {float:right;}
/* ==========================
> TABLEAU
========================== */
table.tableau_zone_texte {
border: 1px dotted #A0A0A0;
font-size: 1.2em;
line-height: 1.6em;
padding: 3px;
}
tr.paire {
background-color: #253547;
}
th {
background-color: #5a88a4;
font-weight: bold;
color: #192A3D;
text-align: center;
}



/* WP PUR */

.more-link {
font-size: 13px;
font-variant: small-caps;

}


.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption {
	background-color: #253447;
	text-align:center;
	padding-top: 4px;
	margin: 10px;
}

div.wp-caption img {
	padding: 0;
	border: none;
}

.wp-caption p.wp-caption-text {
	font-size: 11px;
	line-height: 17px;
	padding: 0 4px 5px;
	margin: 0;
	background-color:#253447;
	text-align:center;
}


.hidden {
	display: none;
}

.navigation {
	padding: 10px 0px;
	margin-left:-70px;
}

/* Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px auto 0;
	width: 155px;
}

#wp-calendar #next a {
	padding-right: 10px;
	text-align: right;
}

#wp-calendar #prev a {
	padding-left: 10px;
	text-align: left;
}

#wp-calendar a {
	display: block;
}

#wp-calendar caption {
	text-align: center;
	width: 100%;
}

#wp-calendar td {
	padding: 3px 0;
	text-align: center;
}
code {
	font-size:1em;
	font-family:"Courier New", Courier, monospace;
	background-color:#253447;
	padding:10px;
	display:block;
	border:1px dotted #FFF;
}
<!-- Vérifier "pre" ci dessous -->
pre {
	border: solid 1px blue;
	font-size: 1.3 em; 
 	color: blue; 
	margin: 10px; 
	padding:10px; 
	background: #FFFFB3
}

/* ==========================
> WP CHAMP COMMENTAIRE
========================== */

/* Postmetadata : Infos des articles */
.postmetadata {
	font-size:1.1em;
	display:block;
	width:500px;
	background-color:#253447;
	border-bottom:1px dotted #FFF;
	border-top:1px dotted #FFF;
	margin-top:10px;
	padding:10px 10px;
}

/* Couleur des liens de POSTMETADATA */
.postmetadata a {color:#FDB441}

/* A définir en cas de commentaires fermés ou protégés par mot de passe */
.nocomments {}

/* Réponses aux commentaires */
#respond {}

/* Annuler réponses aux commentaires */
.cancel-comment-reply {}

.cancel-comment-reply small {}

.commentlist {
	margin-top:0;
	padding:0 0 0 10px;
}

img.avatar {
	padding:0;
	margin:20px 10px 0 0;
	float:left;
}

.comment-body {}

ol.commentlist li {
/*	border-top:1px solid #44474b;*/
	padding:10px;
	margin-top:10px;
	list-style:none;
	font-size:0.8em;
}

ol.commentlist li.even {
	border-left:1px solid #99CC33;
	background-color:#253447;
}

ol.commentlist li.odd {border-left:1px solid #A0A0A0;}

ol.commentlist li.comment div.comment-author,
ol.commentlist li.comment div.comment-meta,
ol.commentlist li.comment div.comment-meta a {
	font-size:1.2em;
	display:inline;
	color:#A0A0A0;
}

ol.commentlist li.comment div.comment-author cite.fn,
ol.commentlist li.comment div.comment-author cite.fn a {color:#99CC33;}

ol.commentlist li.even div.comment-author cite.fn {background:url(images/comment-li-even.gif) top left no-repeat; !important}

ol.commentlist li.odd div.comment-author cite.fn {background:url(images/comment-li-odd.gif) top left no-repeat; !important}

ol.commentlist li.comment div.comment-author cite,
ol.commentlist li.comment div.comment-author cite a,
ol.commentlist li.comment div.comment-author span.says {font-weight:bold;}

ol.commentlist li.comment div.comment-author cite.fn {
	margin-left:-53px;
	padding-left:10px;
}

ol.commentlist li.comment div.comment-meta a { font-size:0.8em}

ol.commentlist li.comment div.comment-body em {
	text-decoration:blink;
	color:#FFFFFF;
}


/* ==========================
> WP SMILEY
========================== */
wp-smiley { text-align:inherit}



/* ==========================
> WP FORMATTAGE DATE
========================== */

div.post-date{
	position:absolute;
	left:915px;
	display:block;
	font-size:18px;
	padding-left:5px;
	text-align: left;
	border-left:3px solid #99CC33;
	color:#A0A0A0;
	font-weight:bold;
}
span.day {
	color:#99CC33;
	font-size: 14px;
}