html, body 
{
	background-image:url("http://www.lechabada.com/squelettes/imgsq/imagefond01.jpg");
	background-position:top center;
	background-repeat:no-repeat;
	background-color:white;
	font : normal 13px/15px "Arial", "Verdana", Tahoma, sans-serif;
	margin: auto;
	text-align: center;/* Pour IE */
}

/*-- pour l'enveloppe du inc-entete -- */
#header 
{
	background-image:url(http://www.lechabada.com/squelettes/imgsq/header.png);
	background-position:center center;
	background-repeat:no-repeat;
	overflow: hidden;
	width : 100%;
	margin:0px;
	padding:0px;
	height:275px;
}

/*-- donne le fond blanc au milieu du site --*/
#bonhomme
{
	background-image:url(http://www.lechabada.com/squelettes/imgsq/ombreportee_conteneur01.png);
	background-position:top center;
	background-repeat:repeat-y;
	overflow:hidden;
	height:auto;
	width:l00%;
}

/*-- place globalement le contenu du site au milieu des pages --*/
#container 
{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width : 980px!important ;
	text-align: left;
	position: relative;
}


hr, .texte hr
{
	clear: both;
	display:block;
	height: 0px\9;
	/*color: #999;*/
	border-style:solid;
	width:98%;
	/*background-color: #999;*/
	border: 0; /* enleve toute bordure */
	background-color:white;
}



/* dans article pour que les lignes de séparation s'affichent bien */
.texte hr { background-color:#E5E5E5; height:15px; }
img { border:0px; }
a { outline: medium none;
color: #FF0066; }

ul{margin: 0; padding: 0; list-style-type: none;}
li{margin: 0; padding: 0; list-style-type: none;}
.spip_logos
{
	padding-right: 0em; 
	border:0;
}
#position_logo .spip_logos
{
	float: right;
}

/* titre des documents joints aux articles--*/
.spip_doc_titre h4
{
	color:#EE0000;
	font-size:14px;
	font-weight: lighter;
	margin-bottom: 1em;
	line-height:13px;
	padding-top: 2px;
}


.spip_doc_descriptif 
{
	color: #333333;
    font-size: 11px;
    line-height: 14px;
}

#documents_joints {
	border-top-color:#999999;
	border-top-style:solid;
	border-top-width:thin;
	height: 200px;    
    float: left;
    margin-right: 10px;
	margin-bottom: 10px;
    padding: 5px;
    width: 185px;
}





/* ---------------------------------- Contenu inc - entete --------------------------------------------*/

/*-- header du site, mise en page générale--*/
#header_contenu
{
	height:275px;
	width:980px;
	margin:auto;
}

/*-- espace vide en haut à gauche avec lien pour retourner sur le sommaire --*/
#logobanniere 
{
	display: block;
	float: left;
	width: 250px;
}
	
/* formulaire de recherche dans le site -- */	
#recherche 
{
    display: inline;
    float: left;
    margin-bottom: 1px;
    margin-left: 165px;
    margin-top: 6px;
}

/*-- Lien accès espace pro sur le site --*/
#espacepro
{
    display: inline;
    float: left;
    height: 25px;
    margin-bottom: 0;
    margin-left: 30px;
    margin-top: 15px;
	
	/* --- typo --- */
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	color:#FF0066;
}
/*--ok--*/
#espacepro a
{
	font-family:arial;
	font-size:13px;
	font-weight:bold;
	text-decoration:none;
	color:#FF0066;
}


/* ---------------------------------- Contenu inc - droit --------------------------------------------*/


/* logos suivez-nous-- */
.socialmedia {
    display: block;
    height: 35px;
    text-align: right;
    width: 270px;
}

/* logos suivez-nous-- */
.socialmedia p {
	font-family:times;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	float: left;
	margin-left: 23px;
	color:#838383;
}

#banniere {
    display: block;
    float: left;
    /*height: 323px;*/
	height: 150px;
    overflow: hidden;
    width: 657px;
}

/*-- donne le cadre pour l'inclusion menu-deroulant --*/
#sommaire 
{
	height: auto;
    overflow: hidden;
    background: none repeat scroll 0 0 transparent;
    border-top: 0 solid #000000;
    width: 980px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 18px;
}



.actu_soutien, .actu_soutien a
{ 
	margin-top:20px;
	font-family:verdana;
	font-size:14px;
	color:black;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration:none;

	
}





/*--------------------------------------- Contenu du site ---------------------------------*/

#inc-gauche 
{
    color: #000000;
    float: left;
    line-height: normal;
    margin-right: 10px;
    padding: 0;
    text-align: left;
    width: 660px;
}

#inc-gauche-col1
{
	float: left;
	width:435px;
	height:auto;
	overflow:hidden;
}
#inc-gauche-col2
{
	float: left;
	margin-left:0px;
	width:220px;
	height:auto;
	overflow:hidden;
}



a.lien_sommaire, .prochaines_dates a.lien_sommaire
{
    color: #FF0066;
    font-family: "Oswald";
    font-size: 16px;
    font-weight: normal;
    line-height: 30px;
    text-align: left;
    text-decoration: none;
}

.pos_rubrique
{
	height:auto;
	width:410px;
	overflow:hidden
}

/* -- bord arrondi autour du formulaire de la newsletter --*/
#positionnement_newsletter
{
	background-image:url(http://www.lechabada.com/squelettes/imgsq/fond_newsletter.jpg);
	background-position: left bottom;
	background-repeat:no-repeat;
	width:290px;
	height:80px;
}


#position_pied_ligne1
{
    background-color: #181818;
    height: 258px;
    margin-left: 10px;
	margin-left: 0px\9;
    margin-top: 8px;
    width: 960px;
}
#position_pied_ligne1 div, #position_pied_ligne1_actu
{
    float: left;
    height: 200px;
    margin-left: 10px;
	margin-left: 0px\9;
    margin-right: 10px;
    margin-top: 30px;
    width: 300px;
}
#position_pied_ligne1_actu
{
	background-color:#151515;
}
#position_pied_ligne1 div div
{
	color: #666666;
    font-size: 11px;
    height: 25px;
    margin-top: 5px;
    text-align: left;
    width: 300px;
}
.piedpage_titre, .piedpage_titre a
{
    color: #FFFFFF;
    font: 12px/20px "Arial","Verdana",Tahoma,sans-serif;
    text-decoration: none;
    text-transform: none;
}
#position_pied_ligne2
{
	width:980px;
	height:140px;
	margin-top: 8px;
}
#position_pied_ligne2 a.intitule
{
	color: #FFFFFF;
    font: 11px/18px "Verdana",Tahoma,sans-serif;
    text-decoration: none;
    text-transform: none;
}
#position_pied_ligne2 li
{	
	display:block;
	height:auto;
	width:163px;
	float:left;
}
#position_pied_ligne2 li a.intitule { display: block; font-weight: bold; height: 37px; }
#position_pied_ligne2 li ul { margin-top:10px }
#position_pied_ligne2 li ul  li a { text-decoration: none; font: 10px "Verdana",Tahoma,sans-serif; font-weight:bold; }
#position_pied_ligne2 li ul li ul { display:none; }

#position_pied_ligne3 { width:980px; height:22px; }
#position_pied_ligne3, #footer #position_pied_ligne3 a{ text-decoration: none; font: 10px "Verdana",Tahoma,sans-serif; font-weight:bold; color:#51ddf2; }

#position_pied_ligne4
{
	color: #B9B7B8;
    height: 58px;
    margin-top: -5px;
    width: 980px;
	font: 10px "Arial", "Verdana",Tahoma,sans-serif;
}
#position_pied_ligne4 img
{
	float: right;
    margin-right: 10px;
    margin-top: -50px;
}
#position_pied_ligne5{ width:980px; height:60px; }

#titregauchedroite {
	color:#000000;
	font-family:impact;
	font-size:1.4em;
	font-weight:normal;
	text-transform:none;
	margin-bottom:1em;

	line-height:1em;
}

.droit_index_actu_titre
{
    background-color: #375295;
    color: white;
    display: block;
    font-family: arial;
    font-size: 16px;
    font-weight: bold;
    height: 25px;
    line-height: 26px;
    padding-left: 20px;
    width: 270px;
	margin-bottom: 10px;
}


/* colonne droite des articles type pour la mise en page du tumblr */
#inc-droit 
{
	float: left;
    height: auto;
    margin: 0;
	margin-left:20px;
    overflow: hidden;
    padding: 0;
    width: 270px;
}

#position_logo
{
    float: right;
    height: auto;
    overflow: hidden;
	position: relative;
    width: 100px;
}
.position_scene_local
{ 
	margin-top:20px;
	border-bottom: 15px solid #E5E5E5;
}
.position_scene_local span.titre_sceneloc, .position_scene_local a
{
	font-family:verdana;
	font-size:17px;
	color:black;
	text-transform:uppercase;
	font-weight: bold;
	text-decoration:none;
}
.position_scene_local a { text-transform: none; }
.position_scene_local a:hover { color:black; }
.position_scene_local p
{
	font-family:arial;
	text-align:justify;
	font-size:12px;
	font-weight: normal;
}

H3 { margin:0px; }
.menu-titre, .menu-titre a
{
    color: #FF0066;
    font-family: arial;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
}

/*--- Formulaire lettres ---*/
#inc-droit .champ_texte {
	width: 120px;
}

#inc-droit .liste {
	font-size: 1em;
}

#inc-droit .liste2 {
	width: 120px;
	font-size: 1em;
}


/* ----- Dans rubriques et articles - fil d'Ariane -----  */
/*titres des rubriques et articles -*/
#hierarchie {
	margin-bottom: 3px;
	margin-top: 10px;
	color: #000000;
    font-family: anton;
    font-size: 19px;
    text-decoration: none;
	width: 410px;
}
/* ligne en pointillé */
#hierarchie img{ margin-top: 6px; }

/*- ok -*/
#hierarchie a{
	color: #000000;
    font-family: anton;
    font-size: 19px;
    text-decoration: none;
}



/* ---------- Spécificités de la rubrique AGENDA et ses sousrubriques ----- */


.logoconcert {
	width: 410px;
	border: 0px;
	float:left;
	padding-bottom: 10px;
	margin-top: 5px;
}


.infoconcert {
    border-bottom: 6px solid #E5E5E5;
    float: left;
    height: auto;
    margin-top: 20px;
    overflow: hidden;
    padding: 0 0 10px;
    width: 410px;
}

.pagination_position
{
	width:410px;
	height:35px;
}
.pagination
{
    background-color: #E3E3E3;
    display: inline;
    font-family: arial;
    font-size: 12px;
    padding: 5px;
	color: #000;
}
.pagination .on { color:#FF0066; }
.pagination a.lien_pagination  { text-decoration:none; color: #000; font-weight:bold; }

.logosoutien {
    border: 2px solid #C6C6BE;
    float: left;
    margin-right: 10px;
	margin-bottom: 10px;
    padding: 5px;
    width: 185px;
}


.infosoutien {
    float: right;
    font-size: 11px;
    height: auto;
    overflow: hidden;
    width: 90px;
}
.infosoutien H1, .infosoutien a{
	color:#d15847;
	font-weight:bold;
	text-decoration: none;
}
.infosoutien .soustitre{
	font-weight:bold;
	font-size: 12px;
}

#position_rub_intro
{
	width:410px;
	text-align:justify;
}	


/*----------------------- Dates à venir colonne de droite ------------------------- */

/*-- date --*/
.prochaines_dates .autresdates
{
    color: #9D9D9D;
    font-family: arial;
    font-size: 14px;
    font-weight: bold;
    margin-top: 10px;
    text-decoration: none;
    text-transform: uppercase;
}

/* titre du concert*/
.prochaines_dates .autrestitres, .prochaines_dates a
{
    color: #FF0066;
    font-family: arial;
    font-size: 15px;
    line-height: 20px;
    text-decoration: none;
}


.logoagenda, .logorubrique
{
	width: auto;
	border: 0px;
	float:left;
	padding-bottom: 10px;
	margin-right: 8px;
}

.infoagenda, .inforubrique
{
    border-bottom: 0px solid #E5E5E5;
    float: left;
    height: auto;
    margin-top: 0px;
    overflow: hidden;
    padding: 0 0 10px 0;
    width: auto;
	max-width: 400px;
}
.inforubrique  { padding: 0 0 10px 2px; float: none; text-align: justify; }
.infoagenda { width: 400px; }

.dateconcert 
{
	font-style: italic;
	font-size: 1.2em;
}

/*-- dans article.html affichage de la date de modif de l'article --*/
.datemodif
{
	border-top: thin solid #999999;
	font-style: italic;
	text-align: right;
	margin-top:15px;
	width:100%;
}

/*-- pour les liens de partage sur les reseaux sociaux à la fin des articles --*/
.partage
{
	margin-top:20px;
}

#contenu .soustitre {
	font-weight: bold;
	font-size: 1.2em;
	color: #OOO;
}

#contenu h1, #contenu h1 a, #contenu h1 a:visited, #contenu h1 a:hover {
font-size: 15px; 
line-height: 18px;
text-decoration:none;
color:#FF0066;
font-weight:normal;
}

#contenu .titre {font-size: 15px; line-height: 18px;}
	
/*Concerts --- OK --- */
h1 .titre {color: #FF0066; clear: both; font-weight:normal;}
h1 a.titre {color: #FF0066; clear: both;font-weight:normal; text-decoration:none; }
#contenu h1 a:visited.titre {color: #FF0066; clear: both;font-weight:normal;}

/*---- Contenu Rubrique Archives ----*/
#contenu .blocarchive {
background-color: #E5E5E5;
margin-left: 0.5em;
padding-left: 0.5em;
width:390px;
float: left;
padding-bottom: 10px;
margin-bottom: 20px;
}



	
/*CSS Pied de page*/
#footer {
    background-image:URL(http://www.lechabada.com/squelettes/imgsq/img_fond_footer.jpg);
    margin-top: 30px;
	clear: both;
    height: 566px;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-align: center;
    width: 980px !important;

}

#footer a {
color : #FFF;
}

/*-- sauts à la ligne --*/
.clearfloat { 
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}

/*Titres de base*/
h1 {
	color: #FF0066;
    font-family: arial;
    font-size: 17px;
    margin: 0 0 5px;
    text-align: left;
	display:inline-block\9;
	width:100%\9;
	float:none\9;
}

/*--------Plan du site---------*/
/*Titres pour le plan, ps et notes dans article type*/
/* -- OK -- */
#titreplan { 
	background-color: #E5E5E5;
    height: 22px;
    line-height: 22px;
    margin-top: 10px;
    padding: 5px;
    width: 400px;
	font-size: 17px;
}

#contre-encart ul {
	list-style-type: square;
	padding-left: 5px;
	margin-left: 30px;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

	
#contre-encart li {
	list-style-type: square;
	padding-left: 5px;
	margin-left: 20px;
}

/* ----- CSS des Articles ---------------------*/

/* -- dans article, article-1 et dans rubrique pour l'affichage d'un seul article --*/
.cartouchechapeau
{
	width:410px\9;	/* -- Hack IE --- */
}

.cartouchechapeau H3
{
	color: #848484;
    font-family: "Oswald";
    font-size: 17px;
    font-style: normal;
    text-transform: uppercase;
	line-height: normal;
    text-align: left;
}

/* ok */
.article
{
	width:410px;
	text-align: justify;
}

#contenu .article {	
	margin-bottom: 1em;
}

.lienagenda 
{
   float: right; 
   text-align: right;
}

/*-- contenu dynamique de la page -- dans article, article-1, sommaire -- */
#center {
	overflow: auto;
    padding: 10px;
    width: 960px;
	width: 980px\9;
}

/* -------------------- Partie gauche sur 2 colonnes -- dans article, article-1, sommaire -------------- */
#sommaire_gauche {
    color: #000000;
    float: left;
    line-height: normal;
    margin-right: 10px;
    padding: 0;
    text-align: left;
    width: 660px;
}

/* donne la taille de l'article sur 2 colonnes --*/
#sommaire_gauche .cartouchechapeau {
	width:660px;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
	font-size:1.1em;
}

/*-- ok --*/
#sommaire_gauche .cartouchechapeau p {
	text-align: justify;
	font-size:13px;
	color: #333333;
}

/* dateconcert dans article : surtitre --*/
#sommaire_gauche .dateconcert, .infoagenda .dateconcert, .inforubrique .dateconcert  {
    color: #848484;
    font-family: "Oswald";
    font-size: 17px;
    font-style: normal;
    text-transform: uppercase;
}

/* dans article, titre de l'article --*/
#sommaire_gauche .titre 
{
	font-size:1.2em;
	margin:0.1em 0;
	clear:both;
}

/* dans article, sous-titre -- */
#sommaire_gauche .soustitre, .soustitre 
{
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 5px;
}

/* dans article, affichage du chapeau et/ou descriptif en gras --*/
#sommaire_gauche .chapo {
	font-weight: bold;
}


#sommaire_gauche .article{ 
	line-height:1.4em;
	color:#333333;
	width:660px;
}

#sommaire_droite
{
	float: right;
	width: 315px;
	margin-right: 5px;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom : 1px solid #fff;
	text-align: left;
}

/*
#sommaire_droite .titre5, .titre5 a:link, .titre5 a:visited 
{
	color: #990000;
	font-size: 15px;
	text-decoration: none;
	text-align:left;
}
*/

#sommaire_droite .intro_article a:link, .intro_article a:visited, .intro_article a:hover, .intro_article a:active {
	color: #FF0000;
	text-decoration: none;
}

#formulaire_clevermail-new {
	width:290px
}

#sub_email {
width:160px;
}


/* -- Inscrivez-vous à notre newsletter--*/
.typo_newsletter
{
    color: #375295;
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
}

/* ---- Espace Pro ----- */
#outil_sommaire a
{
	color: #006096;
    text-decoration: none;
}
#outil_sommaire a:hover{ color:black; }
/* ----- FIN OK ---- */


/*-- affichage des liens spip (barre d'adresse dans un article - )----*/
a.spip_mail, a.spip_out , a.spip_in {
	/* ---- OK ---- */
    color: #FF0066;
}



/*-- Tableaux----*/

/* Tableaux */
table.spip { max-width: 99%; margin-right: auto; margin-left: 0px; margin-bottom: 1em; border-collapse: collapse; border-spacing: 0; line-height: normal; }
table.spip tr.row_first { background: #EEE; }
table.spip tr.row_odd { background: #EEE; }
table.spip tr.row_even { background: transparent; }
table.spip th, table.spip td { padding: 0.20em 0.40em; text-align: left; border: none; }
table.spip th { vertical-align: bottom; font-weight: bold; }
table.spip td { vertical-align: top; }
table.spip td.numeric {text-align:right;}

/* Logos, documents et images */
img, .spip_logos { margin: 0; padding: 0; border: 0; }
.spip_documents { text-align: center; line-height: normal; }
.spip_documents p { margin: 0.10em; padding: 0; }
.spip_documents_center { display: block; clear: both; width: 100%; margin: 1em auto; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { margin-right: auto; margin-left: auto; font-size: 0.90em; }
.spip_doc_descriptif { clear: both; margin-right: auto; margin-left: auto; font-size: 0.90em; }