/*  
Theme Name: CSND-Site
Theme URI: http://www.jarrige.org/themestudio.us/
Author: Theme Studio modified by MJA Productions
Version: v1.0
Author URI: http://www.themestudio.us/
*/
body {
	margin:0 auto;
	background: #fff url(images/bg.jpg) repeat-x;
	text-align: center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000;
	font-size:12px;
	}
h1, h2, h3, h4, h5, h6 {
}
blockquote {
	padding:0 10px;
}

.conteneur {									/* Conteneur general */
	width:950px;
	margin:0 auto;
}
.conteneur_contenu {
	width:950px;
	background:#fff;
	margin:0 auto;
}

/* ---------------------------------------------- Header -------------------------------------------------------------- */
.top {										/* image du haut de la page */
	text-align: left;
	height:37px;
	width:950px;
	background: #fff url(images/top.jpg);
	position:relative;
}

/* ------------------------------------ formulaire de recherche du header ---------------------------------------------------------- */
.search {
	position:absolute;
	left:30px;
	top:2px;
	height:18px;
	width:129px;
	padding:0 0 0 47px;
	background:url(images/search.jpg) 0 0 no-repeat;
}
.search form {
	margin:0;
	padding:0;
}
.search input {
	padding:0;
	border:none;
	float:left;
}
.search input#s {
	width:105px;
	height:15px;
	background:#D1D1D1;
	border: 1px solid #000;
	font-size:12px;
	color:#2B3B48;
	padding:3px 0 0 3px;
}
.search input#searchsubmit {
	width:19px;
	height:18px;
	background:url(images/go.jpg);
}

/* ---------------------------------------------------------- menu du header ---------------------------------------  */
#header-menu ul {
	position:absolute;
	overflow:hidden;
	list-decoration: none;
	margin: 0 auto 0 250px;										/* haut, droite, bas, gauche  */
	padding:0px;
}
#header-menu ul li {
	display: inline;
	font-size: 13px;
	font-family:Verdana,Arial;
	font-weight: bold;
}
#header-menu ul li a, #header-menu ul li a:active, #header-menu ul li a:visited {
	display: block;
	float: left;
	line-height: 23px;
	color: #ffffff;
	padding: 0px 8px 0px 8px;
	margin:0px 0px 0 0 ;
	text-decoration:none;
	border: 0px;
}
#header-menu ul li a:hover {
	background:transparent;
	text-decoration:none;
	color:#FFF799;
}

/* ------------------------------------------------------ Titre du header ------------------------------------------------------------------- */
.header-titre {
	margin: 0 auto;
	height:170px;
	width: 950px;
	background:#fff url(images/header.jpg);
	text-align: left;
}
.header-titre h1 {
	color:#fff;
	font-style: italic;
	margin:0px 0 0 300px;
	padding: 40px 0 0 0;																	/* haut, droite, bas, gauche  */
	font-size:30px;
	font-family:Arial, Helvetica, sans-serif;
}
.header-titre h1 a {
	text-decoration:none;
	color:#fff;
	}
.header-titre h1 a:hover {
	color:#dfdfdf;
	}
.header-titre h2 {
	color:#dfdfdf;
	font-style: italic;
	font-size:15px;
	margin:0 0 0 290px;																		/* haut, droite, bas, gauche  */
	font-weight:normal;
}

#fil_ariane a {
	color:#8B8B8B;
	text-decoration:none;
}
#fil_ariane a:hover {
	color:#000000;
	text-decoration:none;
}
/* -------------------------------------------------------Fin du header -------------------------------------------------------------------- */

/* --------------------------------------------------------- Billet ------------------------------------------------------------------------------*/
.content {
	float:left;
	width:680px;
	padding:20px 15px 0 10px;
	}

h1.title {											/* Titre du billet */
	text-align: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#000;
	height: 40px;
	font-weight:bold;
	background: url(images/pbg.jpg) repeat-x;
	border-top: 2px solid #000;
	margin:0px;
	padding:0px 0px 0 60px;
	}
h1.title a {
	text-decoration:none;
	color:#000;
	}
h1.title a:hover {
	color:#dfdfdf;
	}

.postinfo {											/* Informations sur le billet : categorie etc */
	text-align: left;
	height:20px;
	position:relative;
	color:#5D5D5D;
	padding:14px 0 0 42px;
	}
.postinfo a {
	color:#5D5D5D;
	text-decoration:none;
	}
.postinfo a:hover {
	color:#5D5D5D;
	text-decoration:underline;
	}
	
.date {												/* Date du billet */
	color: #fff;
	position:absolute;
	left:0px;
	top:-50px;
	background:url(images/cal.jpg);
	height:60px;
	width:55px;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size:12px;
	}
.date .jma {
	line-height:14px;
	margin: 10px 0 0 0;										/* haut, droite, bas, gauche  */
	padding: 0;
	}

.post {											/* Contenu du billet */
	text-align:left;
	padding:1px 24px;
	overflow:hidden;
	}

.postbottom {									/* Pied du billet */
	height:25px;
	margin-bottom:15px;
	font-size:10px;
	}

.readmore {										/* Lire la suite du billet */
	float:left;
	padding:10px 25px 0 0;
	}
.readmore a {
	color:#5E5E5E;
	text-decoration:none;	
	}
.readmore a:hover {
	color:#000;
	text-decoration: underline;
	}
/* --------------------------------------------------------------------------- Fin du billet -------------------------------------------------- */	

/* ------------------------------------------------------------------- Navigation entre les billets ---------------------------------------- */
.navigation {
	height:25px;
	padding:0 20px;
	margin-top:20px;
	clear:both;
	}
.navigation a {
	font-weight:bold;
	text-decoration:none;
	font-size:14px;
	}
.navigation a:hover {
	text-decoration:underline;
	}
/* ------------------------------------------------------------------- Fin de navigation entre les billets ---------------------------------------- */

/* ------------------------------------------------------------ Page, single, search ------------------------------------------------------------------- */
.pagelinks {
	font-size:14px;
	font-weight:bold;
	padding-bottom:20px;
	padding-left:20px;
	}
h2.pagetitle {
	padding:20px 0 0 0;
	margin:0 0 20px 0;
	font-size:20px;
	text-align:center;
	color:#565656;
	font-style:italic;
	}
.line {
	height:2px;
	margin:10px 0;
	background:url(images/line.jpg);
	overflow:hidden;
	}
/* ------------------------------------------------------------ Fin page, single, search ------------------------------------------------------------------- */

/* ---------------------------------------------------------- Sidebar ---------------------------------------------------------------------------- */
.sidebar {
	text-align: left;
	float:left;
	width:230px;
	padding-top:20px;
	line-height:18px;
	font-size:12px;
	overflow:hidden;
	}
.sidebar a {
	text-decoration:none;
	color:#000;
	}
.sidebar a:hover {
	color:#8B8B8B;
	}
.sidebar ul {
	margin:0;
	padding:0;
	list-style:none;

	}
.sidebar ul li {
	}
.sidebar ul li li {
	margin: 0 0 0 0;
	padding:0 0 0 20px;
	background:url(images/dot.jpg) no-repeat;
	}
.sidebar h2 {
	color:#000;
	font-size:16px;
	font-weight:bold;
	height: 37px;
	margin:0 0 0 0;										/* haut, droite, bas, gauche  */
	padding: 3px 0 0 5px;
	background: url(images/pbg.jpg);
	border-top: 2px solid #000;
	line-height:normal;
	}
.sidebar ul li ul, .sidebar ul li div {
	padding:0 10px 15px 15px;
	margin:0 0 0 0;
	}
.sidebar ul li ul ul, .sidebar ul li div div {
	padding:0 0 0 10px;										/* haut, droite, bas, gauche  */
	margin:0 0 0 0;
	background:none;
	}
.sb-texte  {
	margin: 0 0 0 0;
	padding:0 0 0 20px;
	background:url(images/dot.jpg) no-repeat;
	}
/* ----------------------------------------------------------------------- Fin sidebar -------------------------------------------------------------- */

/* ---------------------------------------------------------------------- Footer --------------------------------------------------------------------- */
#footer {
	clear:both; 
	margin: 0 auto;
	height:45px;
	width:950px;										/* 780px */
	color: #000;
	text-align:center;
	background:#fff url(images/footer.jpg) 0 0 no-repeat;
	font-family: arial, verdana;
	} 
#footer #p {
	padding: 20px 0 0 0;										/* haut, droite, bas, gauche  */
	margin-bottom: 0 0 0 0;
	display: block;
	text-align:center;
}
#footer a:link {
color: #000;
text-decoration: none;
border: none;
font-weight: bold;
}
#footer a:hover {
color: #8F8F8F;
border: none;
}
#footer a:visited:hover {
color: #8F8F8F;
border: none;
}
#footer a:visited {
color: #000;
text-decoration: none;
border: none;
font-weight: bold;
}	
/* --------------------------------------------------------------------------------- Fin footer --------------------------------------------------------------- */

/* ---------------------------------- 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 black; }
.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: black; vertical-align:text-top; }
.arttd-border { border: 1px; border-style: solid; border-color: black; padding: 5px; margin:0; }
.arttd-marge { padding: 5px; margin:0; }
/* ---------------------------------- Style article ou page redaction via interface (fin) --------------*/

/* --------------------------------------------------------- Erreur 404 ----------------------------------------------------- */
#erreur404 { min-height: 440px; background: url('images/erreur_404.jpg') 50% 50% no-repeat; }	
/* --------------------------------------------------------- Fin - Erreur 404 ----------------------------------------------------- */

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

/* ----------------------------------------------------------------------------------Divers --------------------------------------------------------------------- */
img {
	border:0;
}
a {
	color:#2A2A2A;
}
	a:hover {
	color:#5C5C5C;
}
.contentCenter {
	text-align:center;
	}
.aleft {
	float:left;
	}
.aright {
	float:right;
	}