/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

body {
	background-color: #fefefe;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	padding:0;
	margin:50px 0 0 0;
	text-align: center;
}

/********************* LIENS ******************/

a {
	padding:0;
	color:#111111;
	text-decoration: none;
}

a:visited {
	padding:0;
	color: #111111;
}

a:hover {
	padding:0;
	color: #CC0000;
}

a:hover img {
	opacity : 0.8;
}

/********************* IMAGES, LOGOS et VIDEOS ******************/

#icons {
	margin:10px 0 0 2px;
}

.spip_logos, .vimeo, .spip_documents img {
	border: 1px solid #444;
}

#content img a, .accueil img, .accueil img a {
	border:none;
}

#sousmenu img, #content h3 img {
	border:none;
	padding-right:5px;
}

/***************************************/


h3 {
	font-size: 130%;
	font-weight: normal;
}

hr, hr.spip {
	background:#FFF;
	color:#FFF;
	border:1px #FFF solid;;
}

/******************* NEWSLETTER ********************/


#sidebar input {
	font-family:verdana;
	font-size: 10px;
	border:solid 1px #ddd;
	padding:1px 3px;
}

/********************** HIDDEN ET CLEAR *****************/

.hidden {
	display: none;
}
.clear {
	clear: both;
}

/******************** PAGE ET MAIN *******************/

#page {
	margin-left: auto;
	margin-right: auto;
	width: 758px;
	text-align: left;

}

#main {
	width: 100%;
}

/******************** SOMMAIRE *******************/

#sommaire {
	position:absolute;
	left: 395px;
	top: 150px;
}

/****************** TITRE UNDERWIRES EN ROUGE (INC-ENTETE) *********************/

.accueil {
	font-family:"Arial Rounded MT Bold", Arial;
	font-size: 24px;
	font-weight: normal;
	color:#AA0000;
	font-weight:none;
	text-transform:uppercase;
	cursor:pointer;
}

.accueil span {
	color:#AA0000;
}

.accueil a:hover span {
	color:#000;
	background-image:none;
	margin:0;
	padding:0;
}

/******************** ELECTRONIC PRESS KIT *******************/

#epk {
	font-family:Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#999;
	border:1px #999 dotted;
}

/******************** CONCERT (ENTETE) *******************/


#concert {
	float:right;
	margin:10px 0;
	text-align:right;
	padding:0;
}

#concert #contenu {
	margin:0;
	padding:0;
}

#concert #contenu a, #concert #contenu a:visited {
	color:#000;
	line-height: 13px;
	text-decoration: none;
	margin:0;
	padding:1px 2px;
	font-size:9px;
	background:#FFCCCC;
}

#concert #contenu a:hover {
	color:#8bffec;
	background:#000;
}

/******************* recent ********************/

#recent {
	float:right;
	margin:10px 0;
	text-align:right;
	padding:0;
}

#recent #contenu {
	margin:0;
	padding:0;
}

#recent #contenu a, #recent #contenu a:visited {
	color:#000;
	background:#FFCCCC;
	line-height: 13px;
	text-decoration: none;
	margin:0;
	padding:1px 2px;
	font-size:9px;
}

#recent #contenu a:hover {
	color:#FFF;
	background:#999;
}


/******************** CSS DE INC-ENTETE *******************/

#sidebar-wrapper {
	float: left;
	width: 230px;
	height:100%;
}

#sidebar {
	text-align:right;
	padding-right: 18px;
}

#sidebar h3 {
	margin-bottom: 0px;
}

#sidebar p {
	margin-top: 8px;
	line-height: 130%;
}
#sidebar ul {
	list-style:none;
	margin-top: 0px;
}

#sidebar li {
	margin-bottom: 2px;
}

#sidebar a {
	padding:0 0 0 11px;
	color:#666;
	text-decoration: none;
}

#sidebar a.on {
	color:#000;
	background:url(../squelettes/images/arrow.gif) left no-repeat;
	padding:0 0 0 11px;
}

#sidebar a:hover {
	color:#333;
	background:url(../squelettes/images/arrow.gif) left no-repeat;
	padding:0 0 0 11px;
}

/******************* MINI-DISCO (inc-entete) ********************/


#mini-disco img, #mini-disco img:hover {
	float:right;
	margin:10px 0 12px 5px;
	padding:0;
}

#mini-disco a {
	padding:0;
}

#mini-disco img:hover, #mini-disco a:hover  {
	border-color:#AA0000;
	background:none;
	padding:0;
}

/******************* SUBCAT (inc-entete) ********************/

#subcat {
	clear:both;
	text-align:right;
	margin-bottom:5px;
}

#subcat a, #subcat a:hover {
	padding:0;
	margin:0;
	text-decoration:none;
	background:none;
}

#subcat img {
	padding: 2px;	
}

/******************* VIGNETTES (inc-entete) ********************/


#liens {
	float:right; 
	margin:10px 0 10px 4px; 
	padding:0;
}

#liens a, #liens a:hover {
	padding:0;
	margin:0;
	text-decoration:none;
	background:none;
}

#liens img {
	border: 1px solid #CCC;
	padding: 2px;
	margin:0 0 3px 0;	
}

/******************* VIGNETTES (inc-entete) ********************/


#vignettes {
	float:right; 
	margin:0 0 0 4px; 
	padding:0;
}

#vignettes a, #vignettes a:hover {
	padding:0;
	margin:0;
	text-decoration:none;
	background:none;
}

#vignettes img {
	border: 1px solid #CCC;
	padding: 2px;
	margin:0;
}


/******************* MENU HAUT DES ARTICLES ********************/

#sousmenu {
	text-align:left;
	background:url(images/rayure.gif) bottom left no-repeat;
	padding-bottom:20px;
	margin-bottom:20px;
}

#sousmenu ul {
	list-style:none;
	margin:0;
	padding:2px 0 0 0;
}

#sousmenu a {
	font-size:9px;
	color:#111;
	text-decoration: none;
	padding-left:20px;
}

#sousmenu a.on {
	color:#111;
	background:url(../squelettes/images/icons.gif) left -14px no-repeat;
	padding-left:20px;
	height:16px;
}

#sousmenu li {
	overflow:hidden;
	color:#111;
	background:url(../squelettes/images/icons.gif) left -26px no-repeat;
	padding-left:25px;
	font-size:9px;
	line-height:15px;
}

*:first-child+html #sousmenu li {
	display:table-cell;
}

#sousmenu li a {
	font-size:9px;
	text-decoration: none;
	background:none;
	padding:0;
}

#sousmenu li.on {
	background:url(../squelettes/images/icons.gif) left -39px no-repeat;
	padding-left:25px;
	font-size:9px;
}

*:first-child+html #sousmenu li.on {
	display:inline;
	background:url(../squelettes/images/icons.gif) left -108px no-repeat;
}

* html #sousmenu li.on {
	display:inline;
	background:url(../squelettes/images/icons.gif) left -108px no-repeat;
}

#sousmenu li titre.off {
	background:-5px;
}

#sousmenu a:visited {
	color: #111;
}

#sousmenu a:hover {
	color:#CC0000;
}

#sousmenu .dot_h {
	background:url(images/dots_h.gif) bottom left repeat-y;
}

/******************* MENU HAUT DES SOUS-RUBRIQUES ET ARTICLES ********************/

#sousmenu1 {
	text-align:left;
}

#sousmenu1 ul {
	list-style:none;
	margin:0;
	padding:0;
}

#sousmenu1 li {
	list-style:none;
	margin:2px 0 0 0;
	padding-left: 5px;
	background:url(../squelettes/images/dots_v.gif) left no-repeat;
}

#sousmenu1 li a {
	font-size:9px;
	color:#111;
	background:url(../squelettes/images/icons.gif) left -56px no-repeat;
	padding-left:20px;
	line-height:13px;
}
	
#sousmenu1 li a.on {
	background:url(../squelettes/images/icons.gif) left -69px no-repeat;
	padding-left:20px;
	font-size:9px;
	color:#000;
}

#sousmenu1 a:visited {
	color: #111;
}

#sousmenu1 a:hover {
	color:#CC0000;
}

table.on {
} 

table.off {
	display:none;
}

/******************* content-wrapper et content ********************/

#content-wrapper {
	float: left;
	margin:0 0 20px 0;
	width: 508px;
}

#content {
	padding-left:8px;
}

#content h3 {
	margin-top: 0;
}

#content h3.spip {
	margin-bottom: 8px;
	margin-top: 30px;
	border-bottom:1px #ddd solid;
	text-align:left;
	padding-left:0px;
	font-weight:bold;
	font-size:10px;
	letter-spacing:1px;
	color:#666;
}

#content p {
	line-height: 130%;
	margin-top: 8px;
	margin-bottom:8px;
}

#content .entry {
	margin-top: 0;
	padding-top: 0;
	margin-bottom:20px;
	padding-bottom:5px;
	text-align:justify;
}

#content .entry a {
	color:#111;
	text-decoration:underline;
}

#content .entry a:hover {
	color:#CC0000;
}

#content .info {
	color: #999;
	margin-top:0px;
	margin-bottom:20px;
	font-size:9px;
}

#content .info a {
	color:#999; 
	text-decoration:none;
	background:none;
}

#content .info a:hover {
	color:#000;
}

#content .info img {
	border:none;
}

#content .info #facebook a, #content .info #facebook-article a:hover {
	background:url(images/twittthis.gif) no-repeat;
}

#content .info #facebook a:hover, #content .info #facebook-article a {
	background:url(images/twittthis.gif) -24px no-repeat;
}

#content .info #twitter a, #content .info #twitter-article a:hover {
	background:url(images/twittthis.gif) -12px no-repeat;
}

#content .info #twitter a:hover, #content .info #twitter-article a {
	background:url(images/twittthis.gif) -37px no-repeat;
}

#content .info #arrow a {
	background:url(images/twittthis.gif) -49px no-repeat;
}

#content .info #arrow a:hover {
	background:url(images/twittthis.gif) -62px no-repeat;
}

#print a {
	float:right;
	height:13px;
	width:14px;
	background:url(images/pied.gif) left -15px  no-repeat;
}

#print a:hover {
	background:url(images/pied.gif) left top no-repeat;
}

#content .hentry {
	margin-bottom:2px;
	color:#333;
	font-size:10px;
	font-weight:bold;
	letter-spacing:0px;
}

#content .entry h3 {
	border-bottom:1px #999 dashed;
	padding-bottom:3px;
	margin-bottom:5px;
}

#content .entry h3 a, #content .hentry a {
	color:#333;
	font-size:10px;
	text-decoration:none;
}

#content .entry h3 a:hover, #content .hentry a:hover {
	color:#CC0000;
	text-decoration:underline;
}

#content h3 #titre_article {
	float:left;
	padding:0;
	margin:0;
	width:18px;
	background:url(../squelettes/images/icons.gif) -4px -82px no-repeat;
}

#content h3 #titre_sommaire {
	float:left;
	padding:0;
	margin:0;
	width:18px;
	background:url(../squelettes/images/icons.gif) -4px -68px no-repeat;
}
	
#content .hentry a:hover {
	color:#0099CC;
}
#content .li {
	margin-bottom:0px;
	margin-top:4px;
}

#content .box {
	padding: 8px;
	text-align: center;
	background: #fff;
	border:solid 1px #ddd;
}

/******************* PAGINATION ********************/


#pagination { 
	font-size:9px;
	margin-top:5px;
	padding-top:2px;
	padding-left:9px;
}

#pagination a {
	background:none;
	margin:0;
	padding:0;
}

.texte { color: #000; }


/* Contenu */

.contenu {
	text-align:left;
	}

/******************* ON CACHE LE HEADER APPARANT LORS DE L'IMPRESSION D'UNE PAGE ********************/
	
#header_print {
	display:none;
	}
	
/******************* TABLEAUX DANS CORPS DES ARTICLES / MENU EN BAS DES ARTICLES ********************/

table.spip { max-width: 99%; margin:10px 0; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip caption { caption-side: top; /* bottom pas pris en compte par IE */ text-align: center; margin-right: auto; margin-left: auto; font-weight: bold; }
table.spip tr.row_first { background: #FFC; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: #FFF; }
table.spip th, table.spip td { padding: 1px 7px; text-align: left; border: 1px #b3b3b3 solid; }
#content .entry table.spip th:hover, #content .entry table.spip td:hover, table.spip th:hover, table.spip td:hover { background:#ECECEC; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }
#content .entry table.spip,  table.spip, #content .entry table.spip a, table.spip a { font-size:9px; color:#999; text-decoration:none; letter-spacing:1px; }
#content .entry table.spip a:hover, table.spip a:hover { font-size:9px; color:#000; text-decoration:none; }