/*   
Theme Name: Christiane et Michel
Theme URI: http://www.jarrige.org/
Description: right-sidebar, fixed-width
Author: MJA Productions
Author URI: http://www.jarrige.org/
Tags: right-sidebar, fixed-width
Version: v2.0 fr
*/

@charset "UTF-8";	/* Definir le type de codage des caracteres */

html, body {vertical-align: baseline; outline: 0; padding: 0; margin: 0;}
html {height: 100%; margin-bottom: 1px;}
body {
background: #8F5E5D url('images/page-bg.jpg') repeat-x 0 0;
line-height: 1;
/* font-size:62.5%; /* La taille par defaut pour le texte « medium » dans tous les navigateurs modernes est de 16px. Reduire cette taille, pour tout le document, en fixant la taille de caracteres du body a 62,5% de 16px = 10px = 1em */
/* font-family: Arial, Helvetica, Verdana, sans-serif; */
font: 12px/17px Arial, Helvetica, Verdana, sans-serif;
color: #ffffff;
}
table {border-collapse:collapse; border-spacing: 0;}
td {padding:0; font-weight: normal; text-align: justify;}
p {margin:0 0 12px 0;}
hr {border:none; background:#ADA189; height:1px; margin:5px 0;}
a {color:#CDA041;}
a:hover {color:#ffffff; border: none;}
h1, h2, h3, h4 {margin:0 0 4px 0; font-family:"Arial Narrow", Helvetica, sans-serif;}
h1 {font-size:22px; color:#fff;}
h2 {font-size: 20px; color:#141414;}
h3 {font-size:16px; font-weight:bold;}
h4 {font-size:14px; font-weight:bold; color:#DEAA49;}
li ul, li ol {margin:0;}
ul {margin-left:20px ;}
ul li {list-style:url('images/list.png');}
ul li:hover {list-style:url('images/listhover.png');}
ol {list-style-type:decimal; margin-left:25px ;}
blockquote {width:90%; background:#948972; border:1px solid #000; padding:5px; color:#000; margin:10px 20px;}
img {border:none;}
h1.pagetitle {font:normal 22px "Arial Narrow", Helvetica, sans-serif; margin:0 0 7px 0;}

/* Clearing */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block; clear: both;}
.clear {clear: both;}
/* End hide from IE-mac */

/* Major containers */
#wrapper {width:1000px; background:none; margin:auto;}
#logowrap {width:980px; margin:10px auto;}
#logo {width:570px; height:58px; background:url('images/logo-bg.jpg') no-repeat; float:left;}
#blogtitle {
font:normal 34px Calibri, Arial, Helvetica, sans-serif;
color:#fff;
font-style:italic;
text-transform:uppercase;
margin:4px 0 0 68px;		/* haut, droite, bas, gauche  */
line-height:34px;
}
#blogtitle a, #blogtitle a:visited, #blogtitle a:hover {color:#fff; text-decoration:none;}
#slogan {margin:0 0 0 68px;font:normal 12px Arial, Helvetica, sans-serif; text-transform:uppercase; color:#B0A590;}
#topnav {
margin-top:30px;
width:312px;
height:26px;
background:url('images/topnav-bg.jpg') no-repeat;
text-align:right;
padding:7px 10px 0 0;
float:right;
text-align:right;
}
a.home {background:url('images/sub-home.png') no-repeat; padding-left:14px;}
a.subscribe {background:url('images/sub-rss.png') no-repeat; padding-left:14px;margin-left:13px;}
a.contact {background:url('images/sub-contact.png') no-repeat; padding-left:14px;margin-left:13px;}

#topnav a {
font:normal 9px Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#999;
text-decoration:none;
}
#topnav a:hover {
color:#FFAE00;
}

#fil_ariane {
	float:left;
	margin:0;
	padding:0 0 4px 20px;			/* haut, droite, bas, gauche  */
	height:22px;
}
#fil_ariane a {
	color:#423617;
	text-decoration:none;
}
#fil_ariane a:hover {
	color:#ffffff;
	text-decoration:none;
}

#menuwrap {
width:980px;
height:42px;
margin:auto;
background:url('images/menu-bg.jpg') no-repeat;
}
#menu {
width:795px;
padding:0 0 0 20px;
float:left;
font:normal 12px Arial, Helvetica, sans-serif;
font-style:italic;
overflow:hidden;
}
#searchwrap {
width:161px;
float:right;
padding-top:6px;
}
#searchwrap form {
margin:0;
padding:0;
}
#searchwrap input {
border: none;
width: 118px;
background:none;
font:normal 11px Arial, Helvetica, sans-serif;
color:#9C9C9C;
font-style:italic;
}
.rounded {
background:  url('images/search-field.png') no-repeat left top;
height:21px;
padding: 3px 0 0 10px;
}
#contenttop, #contentbottom {
height:10px;
background:url('images/top.jpg') no-repeat;
margin:0;
padding:0;
}
#contentleft {
background:url('images/repeat980left.png') repeat-y left;
padding:0 0 0 10px;
}
#contentright {
background:url('images/repeat980right.png') repeat-y right;
padding:0 10px 0 0;
}
#content {
background:#948972;
min-height:250px;
padding:0 10px 10px;
}
#contentbottom {
background:url('images/bottom.png') no-repeat;
height:33px;
font:normal 11px Arial, Helvetica, sans-serif;
color:#917769;
text-align:center;
padding-top:7px;
}
#contentbottom a {
color:#FFF;
text-decoration:none;
}
#contentbottom a:hover{
text-decoration:underline;
}
#headerimage {
	background: url('images/header.jpg') no-repeat !important;
	height: 200px;
	width: 960px;
	padding:0 0 10px;

}
#headerimagemask {
	background: url('images/headerimgMask.png') no-repeat;
	height: 200px;
	width: 960px;
}

/**** Content Table Columns - Table for 100% height columns - Using the 16 Grid system ****/
td#mainbodytop, td#mainbodybottom, td#sidebartop, td#sidebarbottom {
background:#786335 url('images/mainbody-top.jpg') no-repeat top left;
height:10px!important;
padding:0;
}
td#mainbodybottom {
background:#786335 url('images/mainbody-bottom.jpg') no-repeat bottom left;
}
td#sidebartop {
background:#35383A url('images/sidebar-top.jpg') no-repeat top right;
}
td#sidebarbottom {
background:#35383A url('images/sidebar-bottom.jpg') no-repeat bottom right;
}
td#mainbody, td#sidebar {
background:#786335;
padding:0 10px;
vertical-align:top;
width:640px!important;
}
td#sidebar {
background:#35383A;
width:280px!important;
font:normal 11px Arial, Helvetica, sans-serif;
}
td.spacer {
width:10px!important;
}
/* Full width content page */
td#mainbodyfulltop {
background:#786335 url('images/full-top.jpg') no-repeat top left; 
width:100%;
}
td#mainbodyfullbottom {
background:url('images/full-bottom.jpg') no-repeat top right;
}
td#mainbodyfull {
background:#786335;
padding:0 10px;		/* haut, droite, bas, gauche  */
vertical-align:top;
width:960px!important;
}
td#mainbodydemi {
background:#786335;
padding:0 10px 0 100px;		/* haut, droite, bas, gauche  */
vertical-align:top;
width:480px!important;
}

/* --------------------------------------------------------------- Suckerfish style pour menu standard et pour multi-level-navigation-plugin (a recopier dans settings)  ------------------------------------------------------------- */
#suckerfishnav, #suckerfishnav ul {
width : 795px;
height : 42px;
list-style : none !important;
list-style-type: none!important;
font-weight : bold;
padding : 0;
margin : 0;
border-width : 0;
}
#suckerfishnav a {
display : block;
height: 30px;
color : #ffffff;
text-decoration : none;
outline: none;
padding-top: 12px;
border : none;
}
#suckerfishnav li {
float : left;
padding : 0 10px;
list-style : none !important;
list-style-type: none!important;
}
#suckerfishnav li ul {
position : absolute;
left : -999em;
height : auto;
width : 180px;
font-weight : normal;
margin : 0 0 0 -10px;									/* haut, droite, bas, gauche  */
}
#suckerfishnav li li {
width : 180px;
background: #211312;						/* marron fonce */
border-bottom: 1px solid #4D3334;
}
#suckerfishnav li ul ul {
margin : -1.7em 0 0 14em;
background: #211312;						/* marron fonce */
}
#suckerfishnav li:hover ul ul, #suckerfishnav li:hover ul ul ul, #suckerfishnav li.sfhover ul ul, #suckerfishnav li.sfhover ul ul ul {
left : -999em;
}
#suckerfishnav li:hover ul, #suckerfishnav li li:hover ul, #suckerfishnav li li li:hover ul, #suckerfishnav li.sfhover ul, #suckerfishnav li li.sfhover ul, #suckerfishnav li li li.sfhover ul {
left : auto;
}
#suckerfishnav li:hover, #suckerfishnav li.sfhover {
background :none;
}
#suckerfishnav li:hover {
background:url('images/menu-hover.jpg') repeat-x;
}
#suckerfishnav li ul li:hover {
background-image: none; 
background: #4D3334;							/* marron moyen */
}

#suckerfishnav li ul a {								/* ordre CSS des liens : link, visited, hover, active, focus  */
height: 20px;
padding-top: 4px;
color: #948972;
display: block;
margin-top: 0;
outline: none;
}
#suckerfishnav li ul a:hover {
color: #ffffff;
outline: none;
}
/* ----------------------------------------------------------------------------------------------------------- Suckerfish style (fin) ------------------------------------------------------------- */

/* Post article styling */
.postwrap {
margin-bottom:25px;
}
h1 a.title, h2 a.title {
background:url('images/title-icon.png') no-repeat left;
font:bold 20px "Arial Narrow", Helvetica, sans-serif !important;
color:#FFF;
padding-left:20px;
margin:0 0 3px 0;
text-decoration:none;
}
h1 a.title:hover, h2 a.title:hover {
color:#4A2C2C;
}
.date {
font:normal 11px Arial, Helvetica, sans-serif;
color:#423617;
background:url('images/date-bg.jpg') no-repeat;
height:16px;
margin-bottom:8px;
padding:1px 0 0 4px;
}
.post {
font:normal 12px Arial, Helvetica, sans-serif;
color:#F0DDB6;
text-align:justify;
padding:0;
}
.post a.more-link {
background:url('images/readmore.jpg') no-repeat;
display:block;
width:105px;			/* Largeur zone de click */
height:18px;			/* Hauteur zone de click */
padding:3px 0 0 15px;		/* haut, droite, bas, gauche  */
margin:8px 0 20px 0;		/* haut, droite, bas, gauche  */
text-decoration:none;
}
.post a.more-link:hover {
background:url('images/readmore-o.jpg') no-repeat;
display:block;
width:105px;			/* Largeur zone de click */
height:18px;			/* Hauteur zone de click */
padding:3px 0 0 15px;		/* haut, droite, bas, gauche  */
margin:8px 0 20px 0;		/* haut, droite, bas, gauche  */
text-decoration:none;
}
/* ------------------------------------------------------------- Page Navigation (Plugin WP-PageNavi) -------------------------------------------------------------------------- */
.navigation {
	display:block;
	height: 22px;
	text-align: center;
	font-size: 1.5em;
}
#post-nav {
	display:block;
	text-align: center;
}
/* FORMS comment and respond */
#respond {
margin:25px auto 15px;
}
#comments, #respond h3 {
font-size:14px;
color:#fff;
padding-bottom:5px;
}
.commentlist { padding-left:25px;}
.commentlist li {
margin-bottom:5px;
list-style:decimal;
}
.commentlist li .avatar { 
float: left;
border: 1px solid #64522C;
padding: 2px;
background: #fff;
margin-right:5px;
}
.commentlist cite, .commentlist cite a {
font-weight: bold;
font-style: normal;
font-size: 1.1em;
}
.commentlist p {
clear:both;
line-height: 1.5em;
}
#commentform input, #commentform textarea {
border:1px solid #64522C;
padding:3px;
}
#commentform p {
margin-bottom:10px;
}
#commentform #submit {
background-color:#9E8961;
color:#FFFFFF;
border:1px solid #64522C;
cursor:pointer;
}
#commentform textarea { width:95%; background:#E8E8E8; 
}
div.comment-meta a {
color:#CDA041;
}

/* Sidebar imported */
h3.sidebar {
font:bold 20px "Arial Narrow", Helvetica, sans-serif !important;
margin:0 0 5px 0;
color:#fff!important;
}
#sidebar {
	font:normal 11px Arial, Helvetica, sans-serif;
	color:#AEAEAE;
	}

#sidebar ul, #sidebar ul ol {
	margin: 0;
	padding: 0;
	}
#sidebar ul a, #sidebar ul ol a {
color:#AEAEAE;
text-decoration:none;
}
#sidebar ul li {
	list-style-type: none;
	list-style-image: none;
	margin-bottom: 15px;
	}
#sidebar ul ul {
margin-left:18px;
list-style-position:outside;
list-style: none;
}
#sidebar ul ul li {
list-style-image:url('images/list.png');
line-height:13px;
padding-left:15px;
}
#sidebar ul ul li:hover, #sidebar ul ul li a:hover {
list-style-image:url('images/listhover.png');
color:#FFAE00;
}
#sidebar ul p, #sidebar ul select {
	margin: 5px 0 8px;
	}
#sidebar ul ol {
	margin: 5px 0 0 10px;
	}
#sidebar ul ul ul, #sidebar ul ol {
	margin: 0 0 0 10px;
	}
ol li, #sidebar ul ol li {
	list-style: decimal outside;
	}
#sidebar ul ul li, #sidebar ul ol li {
	margin: 3px 0 0;
	padding: 0;
	}
div.widget-content {
border-bottom:1px dotted #aeaeae;
padding-bottom:10px;
clear:both;
}
/* Begin Calendar */
#wp-calendar {
	empty-cells: show;
	margin: 10px 0;
	width: 99%;
	float:left;
	background:#333;
	border:1px solid #000;
	}
#wp-calendar th {
background:#000;
text-align:center;
}
#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;
color:#FFAE00 !important;
}
#wp-calendar a:hover {
color:#FFF !important;
}
#wp-calendar caption {
text-align: left; 
margin-top:10px;
width: 100%;
padding:4px 0 4px 0;
}
#wp-calendar td {
padding: 3px 0;
text-align: center;
}
/* WP Cumulus */
div#wpcumuluswidgetcontent {
border:1px solid #000;
background:#333;
}
/* Misc Required */
p.wp-caption-text {
text-align:center;
background:#000;
padding:2px;
margin-bottom:0!important;
}
.wp-caption .alignnone {
margin:auto;
}
/* Forms */
form {width:90%;}
fieldset {border:1px solid #241D0F; padding:7px; margin-bottom:15px;}
legend {font:bold 14px Arial, Helvetica, sans-serif; color:#241D0F;}
input, textarea, select {color:#000; border:1px solid #000;}
label {color:#fff;}
.button, input.file, #searchsubmit {background:#948972; color:#000; border:1px solid #000; margin:2px 0;}

/* ---------------------------------- Style article ou page redaction via interface (debut) --------------*/
.artdiv { text-align: center; margin-left: 5px; border: #b4b4b4 4px outset; margin: 0; padding: 5px; }
.artdiv-b1px { width: 90%; text-align: justify; margin-left: auto; margin-right: auto; padding-right: 5px; border: 1px solid white; }
.arth3 { font-size: 1.2em; font-weight:bold; line-height: 2.0em; }
.arttable { text-align: left; margin-left: auto; margin-right: auto; border-spacing: 0px; border-collapse: collapse; }
.arttable th { text-align:center; }
.arttd-btop { border-top: 1px; border-top-style: solid; border-top-color: f0ddb6; vertical-align:text-top; }
.arttd-border { border: 1px; border-style: solid; border-color: f0ddb6; padding: 5px; margin:0; }	style="color:#F0DDB6"
.arttd-marge { padding: 5px; margin:0; }
/* ---------------------------------- Style article ou page redaction via interface (fin) --------------*/

/* -----------------------------------------Alignements ----------------------------------- */
.aligncenter { text-align: center; }
.alignjustify { text-align: justify; }
.alignleft { text-align: left; float: left; }
.alignright { text-align: right; float: right; }
img.aligncenter { display: block; margin-left: auto; margin-right: auto; }
img.alignleft { float:left; padding:0px 5px 5px 0px; margin: 0 0 0 0; clear: left; border:none;}	/* haut, droite, bas, gauche  */
img.alignright { float:right; padding:0px 0px 5px 5px; margin: 0 0 0 0; clear: right; border:none;}	/* haut, droite, bas, gauche  */
/* ------------------------------------------------------------------------------------------- */

/* ----------------------------------- Formulaire de contact ---------------------------------- */
.screenReader { left: -9999px; position: absolute; top: -9999px; }		/* Affichage en dehors de l'ecran */
.thanks { color: black;background: #F2F3F6; border: 1px solid #7E8AA2; padding:10px; }

/*****Forms*****/
ol.forms { float: left; list-style: none; margin: 0; width: 100%; }
ol.forms li {
	list-style: none;
	clear: both;
	float: left; 
	margin-bottom: 18px; 
	position: relative;
	width: 100%;
}
ol.forms label {
	cursor: pointer;
	display: block;
	float: left;
	font-weight: bold;
	padding-right: 20px;
	width: 100px;
}
ol.forms input, ol.forms textarea {
	border: 1px solid #7E8AA2;
	border-radius: 3px;
	font: inherit;
	-moz-border-radius: 3px;
	padding: 2px;
	-webkit-border-radius: 3px;
	width: 214px;
}
ol.forms textarea { height: 300px; width: 334px; }
ol.forms input:focus, ol.forms textarea:focus { background-color: #f2f3f6; border-color: #ff9800; }
.error { background: #ff9800;color: #f00;padding:2px; }
ol.forms li .error { font-size: 12px; margin-left: 20px; }
ol.forms li.textarea .error {
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 100px;
}
ol.forms li.screenReader { margin-bottom: 0; }
ol.forms li.buttons button {
	background: #ff9800;
	border: none;
	color: #000;
	cursor: pointer;
	font: 16px/16px "Avenir LT Std", Helvetica, Arial, sans-serif;
	overflow: hidden;
	padding: 6px 3px 3px 3px;
	text-transform: uppercase;
	width: auto;
}
ol.forms li.buttons button:hover { color: #222; }
ol.forms li.buttons button:active { left: -1px; position: relative; top: -1px; }
ol.forms li.buttons, ol.forms li.inline { float: right; width: 460px; }
ol.forms li.inline input { width: auto; }
ol.forms li.inline label { display: inline; float: none; width: auto; }
/* ------------------------------------------------------------------------------------------- */