/*
Theme Name: Imnalys
Theme URI: http://www.imnalys.com/
Description: Thème du blog d'Imnalys. Graphisme par Guy, Intégration par Mathieu.
Author: Guy & Mathieu
Author URI: http://www.imnalys.com/
Version: 1.0
*/

/***** Reset CSS *****/

* {
border:0;
margin:0;
padding:0;
list-style:none;
font-size:100%;
outline:none; }

label, input.sub {
cursor:pointer; }

input, textarea, select {
border:1px solid #000;
padding:2px;
vertical-align:middle; }

input.sub,
input.chk,
input.rad {
border:none; }

.invis {
position:absolute;
left:-9999px; }

.retour_ch {
margin-bottom:10px; }

/***** Stylage formulaires *****/

form.template_defaut input.txt {
margin-right:5px;
border:1px solid #333; }

form.template_defaut code {
font-size:110%; }

form.template_defaut input.sub {
background:#ccc;
border:1px solid #333; }

form.template_defaut textarea {
width:400px;
border:1px solid #333;
font-size:105%;
font-family:Arial, Verdana, sans-serif; }

form.template_defaut label {
color:#333; }

form.template_defaut input.txt:hover,
form.template_defaut input.txt:focus {
border-color:#666; }

form.template_defaut p {
padding-bottom:10px; }

/***** Navigation dans les pages *****/

div#nav_articles {
width:100%;
height:30px;
line-height:30px;
font-size:75%; }

div#nav_articles p a {
color:#000; }

div#nav_articles p a:hover {
color:#333; }

/***** Images dans un article *****/

div.wp-caption {
text-align:center;
border:1px solid #ccc;
background:#eee;
font-size:95%;
color:#666;
padding-top:3px; }

div.alignleft {
float:left;
margin-right:10px; }

div.alignright {
float:right;
margin-left:10px; }

/***** Stylage commentaires *****/

div#colonne_contenu div#conteneur_commentaires {
font-size:75%; }

div#colonne_contenu div#conteneur_commentaires h3 {
padding-top:20px;
padding-bottom:10px;
font-size:125%; }

div#colonne_contenu div#conteneur_commentaires ol li {
padding:5px 10px; }

div#colonne_contenu div#conteneur_commentaires ol li.back_alternatif {
background:#e4edf4; }

div#colonne_contenu div#conteneur_commentaires ol li p.auteur cite {
color:#2e5d7e;
font-weight:bold;
font-style:normal; }

div#colonne_contenu div#conteneur_commentaires ol li p.attente {
color:red;
padding-bottom:10px; }

div#colonne_contenu div#conteneur_commentaires p.identifie {
padding-bottom:10px; }

div#colonne_contenu div#conteneur_commentaires ol li p.auteur {
padding-bottom:10px; }

div#colonne_contenu div#conteneur_commentaires ol li p.infos_post {
float:right;
margin-left:10px;
font-size:90%;
font-style:italic; }

div#colonne_contenu div#conteneur_commentaires ol li p.infos_post a {
text-decoration:none; }

div#colonne_contenu div#conteneur_commentaires a {
color:#2e5d7e; }

div#colonne_contenu div#conteneur_commentaires a:hover {
color:#89adc6; }

/***** Stylage contenu *****/

	/* Articles */

div.contenu_article ul,
div.contenu_article ol {
margin-left:15px;
padding-bottom:10px; }	
	
div.contenu_article ul li {
list-style:square; }	

div.contenu_article ol li {
list-style:decimal; }

div.contenu_article blockquote {
border:1px solid #ccc;
background:#eee;
padding:10px 10px;
padding-bottom:0;
margin-bottom:10px; }	

div.contenu_article h1 {
width:100%;
height:auto;
background:none;
position:static;
font-size:180%; }

div#colonne_contenu div.contenu_article h2 {
font-size:140%; }

div#colonne_contenu div.contenu_article h3 {
font-size:100%; }

div#colonne_contenu div.contenu_article h1,
div#colonne_contenu div.contenu_article h2,
div#colonne_contenu div.contenu_article h3,
div#colonne_contenu div.contenu_article h4,
div#colonne_contenu div.contenu_article h5,
div#colonne_contenu div.contenu_article h6 {
color:#397cab;
padding-bottom:10px; }

div#colonne_contenu h2,
div#colonne_contenu h3 {
font-size:110%; }	
	
div#colonne_contenu h2 a,
div#colonne_contenu h3 a {
text-decoration:none;
color:#000; }		
	
div#colonne_contenu h2 a:hover,
div#colonne_contenu h3 a:hover {
color:#333; }		
	
div#colonne_contenu p.options_article {	
color:#333;
font-size:70%; }		
	
div#colonne_contenu p.options_article a {	
color:#333; }		
	
div#colonne_contenu p.options_article a:hover {
color:#000; }		
	
div#colonne_contenu p.options_article span {	
padding-left:20px;
background-position:left center;
background-repeat:no-repeat; }	
	
div#colonne_contenu p.options_article span.date {	
background-image:url(img/puce_date.png); }
	
div#colonne_contenu p.options_article span.categorie {	
background-image:url(img/puce_folder.png); }

div#colonne_contenu p.options_article span.commentaire {	
background-image:url(img/puce_comment.png); }	
	
div.article {
padding-bottom:20px; }		
	
div.contenu_article {
padding-top:10px;
font-size:75%; }	
	
div.contenu_article p {
padding-bottom:10px; }	
	
div.contenu_article a {
color:#333; }	

div.contenu_article a:hover {
color:#666; }
	
/***** Colonne droite *****/	

	/* Témoignages */

div.plus_temoignages {
text-align:right; }	
	
	/* Layout */	
	
div#conteneur_boites_cd {
overflow:hidden; }	

div#conteneur_boites_cd a {
color:#ccc; }

div#conteneur_boites_cd a:hover {
color:#fff; }	

div.conteneur_boite_cd {
width:195px; }

div#boites_left {
float:left; }

div#boites_right {
margin-left:205px; }

div.conteneur_boite_cd div.boite_cd {
padding-top:13px; }

div.conteneur_boite_cd div.boite_cd_contenu {
font-size:70%;
color:#fff;
background-color:#474747; }

div.conteneur_boite_cd div.boite_cd_contenu div {
padding:5px 10px; }

div.conteneur_boite_cd div.boite_cd_contenu ul li {
line-height:1.1;
padding:5px 10px;
background:transparent url(img/sidebar_li_sepa.jpg) repeat-x center bottom; }

div.conteneur_boite_cd div.boite_cd_contenu ul li a {
text-decoration:none;
color:#ccc;
padding:2px 0;
padding-left:35px;
display:block;
background:transparent url(img/sidebar_li_puce.png) no-repeat left 3px; }

div.conteneur_boite_cd div.boite_cd_contenu ul li a:hover {
color:#fff;
text-decoration:underline; }

div.conteneur_boite_cd div.boite_cd h3 {
width:180px; /*195*/
padding-left:15px;
height:43px;
line-height:43px;
color:#fff;
font-size:110%;
font-weight:normal;
border-bottom:1px solid #000;
background:transparent url(img/sidebar_titre.png) no-repeat; }

div.conteneur_boite_cd div.texte {
padding:10px 15px; }

	/* Bienvenue */

div#effet_incrustation {
position:absolute;
top:20px;
left:-20px;
width:21px;
height:21px;
background:transparent url(img/boite_welcome_fleche.png) no-repeat; }	
	
div#bienvenue {
position:relative;
width:369px; /*399*/
padding:10px 15px;
border-top:1px solid #ECF3F7;
border-left:1px solid #ECF3F7;
background:#fff url(img/contenu_fond.png) repeat-x center top; }	
	
div#bienvenue h4 {
font-weight:normal;
font-size:170%;
color:#fff; }		
	
div#bienvenue p {
font-size:70%;
color:#3579A9;
min-height:60px;
padding-left:80px;
padding-top:15px;
background:transparent url(img/boite_welcome_maison.png) no-repeat left 10px; }	
	
/***** Layout *****/

body {
background:#000 url(img/body_fond.png) repeat-x center top;
font:100%/1.3 Arial, Verdana, sans-serif; }

div#global {
width:910px;
margin:0 auto; }

div#entete {
position:relative;
z-index:1;
width:100%;
height:210px; }

div#conteneur_centre {
width:100%;
padding-top:13px; }

div#centre_background {
overflow:hidden;
background:transparent url(img/conteneur_fond.png) repeat-y left center; }

div#colonne_contenu {
width:469px; /*499*/
padding:10px 15px;
min-height:400px;
border-top:1px solid #ECF3F7;
border-left:1px solid #ECF3F7;
background:transparent url(img/contenu_fond.png) repeat-x center top; }

div#colonne_droite {
position:relative;
z-index:1;
float:right;
width:400px; }

/***** Entête *****/

	/* Titres */

h1 {
width:382px;
height:61px;
position:absolute;
top:26px;
left:0;
z-index:1;
background:transparent url(img/logo.png) no-repeat; }

h1 a {
text-indent:-9999px;
display:block;
width:100%;
height:100%; }

div#entete p.entete_description {
position:absolute;
top:80px;
left:9px;
z-index:2;
color:#fff; }

	/* Recherche */
	
div#recherche {
position:absolute;
right:230px;
top:50px; /*50*/
width:217px; /*277*/
height:40px; /*48*/
padding-top:8px;
padding-left:60px;
background:transparent url(img/rech_fond.png) no-repeat; }

div#recherche form input.txt {
padding:0;
border:0;
height:16px; /*18*/
width:112px; /*118*/
font-size:70%;
padding:0 3px;
padding-top:2px;
background:transparent url(img/rech_input_fond.png) no-repeat; }

	/* Flux RSS */
	
div#flux_rss p a {
display:block;
height:46px;
line-height:46px;
position:absolute;
top:45px;
right:0;
padding-left:55px;
background:transparent url(img/bouton_rss.png) no-repeat;
font-size:85%;
color:#ccc; }

div#flux_rss p a:hover {
color:#fff; }

	/* Menu */
	
div#menu {
position:absolute;
bottom:-15px;
left:0;
width:100%;
overflow:hidden;
height:60px; }

div#menu ul li {
float:left; }

div#menu ul li a {
position:relative;
font-weight:bold;
color:#fff;
text-decoration:none;
height:45px; /*60*/
padding-top:15px;
display:block;
overflow:hidden; }

div#menu ul li a:hover,
div#menu ul li.courant a {
height:60px; /*60*/
padding-top:0; }

div#menu ul li.courant a {
background:transparent url(img/menu_puce_on.png) no-repeat center bottom; }

div#menu ul li a span {
display:block;
background-position:top; }

div#menu ul li a span.coin_gauche {
float:left;
width:15px;
height:48px;
background:transparent url(img/item_left.png) no-repeat; }

div#menu ul li a span.coin_droite {
float:right;
width:24px;
height:48px;
background:transparent url(img/item_right.png) no-repeat; }

div#menu ul li a span.lien {
height:48px;
line-height:38px;
margin-left:15px;
margin-right:24px;
background:transparent url(img/item_center.png) repeat-x; }

div#menu ul li a:hover span,
div#menu ul li.courant a span {
background-position:bottom; }

/***** Pied *****/

div#pied {
text-align:center;
padding-top:20px;
color:#666;
font-size:65%; }

div#pied p {
margin-bottom:10px; }

div#pied ul li {
display:inline; }

div#pied ul li a {
margin:0 2px; }

div#pied a {
color:#666; }

div#pied a:hover {
color:#fff; }

div#pied p.imnalys {
display:block;
margin:0 auto;
width:147px;
height:53px;
background:transparent url(img/logo_imnalys.png) no-repeat; }

div#pied p.imnalys a {
display:block;
text-indent:-9999px;
width:100%;
height:100%; }

img.left {
float:left;
margin:10px;
}