/*
Fichier principal
*/
body {
background-image:url(http://www.lechabada.com/squelettes/imgsq/fond1px.jpg);
background-position:center;
background-repeat:repeat;
font : normal 11px/15px "Arial", "Verdana", Tahoma, sans-serif;
margin: auto;
text-align: center;/* Pour IE */
}

#bonhomme {
background-image:url(http://www.lechabada.com/squelettes/imgsq/fondhead.jpg);
background-position:top;
background-repeat:no-repeat;
}

#container {
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
padding: 10px;
width : 780px!important ;
text-align: left;
position: relative;
}


hr {
clear: both;
display:block;
height: 1px; /* pour IE */
color: #999;
border-style:solid;
width:98%;
background-color: #999;
border: 0; /* enleve toute bordure */
 }


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;}

.spip_doc_titre {
color:#ff3300;
font-size:11px;
line-height:11px;
padding-top: 10px;
}

.spip_in {
text-decoration:none;
}

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

#documents_joints {
border-top-color:#999999;
border-top-style:solid;
border-top-width:thin;
}

/* ---------------------------------- Contenu en tete --------------------------------------------*/

#header {
overflow: hidden;
width : 780px !important ;
width : 780px;
margin-bottom: 8px;
padding-top:32px;
}

#logobanniere {
	display: block;
	float: left;
	width: 209px;
}


#banniere {
	float: right;
/*height: 130px;
	margin-left: 1px;
	overflow: hidden;
	position: relative;*/	
	width: 514px;
	display : block; 
}



#sommaire {
width : 780px;
/*height : 30px;*/
border-top : 5px solid #fff;
/*background : #030;*/
background: transparent;
/*float:left;*/
/*margin-bottom: 10px;*/
}

p {
margin-top: 10px;
margin-bottom: 10px;
}


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

/*---englobe les inc-gauche et inc-droit -- */
#conteneur  { 
    	width:  780px;  /* 100%;paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
    	background: #FFFFFF;
    	background-attachment:fixed;
background-position:center;
background-repeat:no-repeat;
    	margin: 0 auto; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
    	margin-top: 10px;
    	padding-top: 10px;
    } 

#inc-gauche {
float:left;
width: 150px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
padding: 5px;
margin: 0;
margin-right: 5px;
text-align: left;
background-color: #E5E5E5; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
}


#inc-gauche .titre5, .titre5 a:link, .titre5 a:visited {
color: #333;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align:left;
}

#inc-gauche .titre5 a:hover, .titre5 a:active {
background : #006633;
}




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

line-height:1em;
}

.intro_article {
margin-top:0.3em;
margin-bottom:1.3em;

}

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



/*.intro_article a:hover, a:active {
	text-decoration: underline;
	color : #F00;
}

.intro_article a:visited {
	color: #FF6666;

}*/




#inc-droit {
float:right;
width: 150px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
padding: 5px;
margin:0 5px 0 0;

/*background-color: #E5E5E5;  la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
}


#inc-droit .titre, .titre a, .titre a:visited{
	font-size: 15px;
	text-align: left;
	font-weight: bold;
	margin-top: 0.5em;
	color:#333;
	text-decoration:none;
}

#inc-droit .titre a:hover {
	color: #006096;
}

#inc-droit .photographe {
font-style:italic;
}

#inc-droit .photographe a {
text-decoration:underline;
color:#000000;
}

#inc-droit .spip_logos {
padding-top: 15px;
padding-bottom:15px;
}

#inc-droit small {
	font-style: italic;
}

/*#inc-droit a:hover, a:active {
background : #333;
}*/

#inc-droit .texte_breve_actuconcert {
	margin-top: 0.8em;
}


#inc-droit .lien_breve a:link {
	color: #F00;
	text-decoration: none;
}

#inc-droit .lien_breve a:hover, .lien a:active {
	color: #F00;
	text-decoration: underline;
}


#inc-droit .lien_breve a:visited {
	color: #FF6666;

}




/* Inc-droit des articles concerts pour les autres articles/concerts de la rubrique -- Liste, Titre de la liste, affichage de la date de concert, affichage des titres de concert -- */
#inc-droit li {
	padding: 5px 0;
	margin: 0;
	list-style-type: none;
	}
#inc-droit ul {
	margin: 0; 
	padding: 0;
	}

#inc-droit .prochaines_dates {
	color: #ff3300;
	background-color: #E5E5E5;
	font-size: 1.4em;
	font-weight: bold;
}	

#inc-droit .autresdates {
	font-style: italic;
}

#inc-droit .autrestitres a:link, .autrestitres a:visited {
	color: #333;
	font-weight: bold;
	font-size: 12px;
	text-decoration: none;
}

#inc-droit .autrestitres a:hover, .autrestitres a:active {
	color: #FF3300;
}


/* -------- Milieu des pages : entre header et footer , inc-droite et inc-gauche ------*/
#contenu {
width: 410px;
float: left;
padding-right: 0px;
padding-left: 10px;
padding-bottom: 10px;
padding-top: 0px;
/*margin-left: 190px;*/

/*margin: 0 180px;  les marges droite et gauche de cet élément div créent les deux colonnes extérieures sur les deux côtés de la page. Quelle que soit la taille du contenu dans les éléments div des encadrés, l'espace des colonnes reste préservé. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'élément div #contenu remplisse l'espace des encadrés lorsque le contenu de ces derniers se termine. */
    	/*padding: 0 5 10 10px;  ne pas oublier que le remplissage est l'espace à l'intérieur du cadre de l'élément div, alors que la marge est l'espace à l'extérieur de celui-ci */
}


/*changement couleur de F00 dimanche soir*/
#contenu a:link {
	color: #FF3300;
	text-decoration: none;
}

/*changement couleur de F00 dimanche soir*/
#contenu a:hover, a:active {
	color: #FF3300;
	text-decoration: underline;
}


/*changement dimanche soir
#contenu a:visited {
	color: #990000;
	}*/


/* Rubrique type - Affichage des articles disponibles quand il y a plus qu'un article */
#contenu ul {
margin-left: 0.1em;
padding-left: 0.1em;
padding-bottom: 10px;
margin-bottom: 10px;
}

#contenu li {
padding: 5px 0;
list-style-type:none;
}

#contenu ul ul li {
margin-left: 0.1em;
padding-left: 1em;
padding-bottom: 10px;
margin-bottom: 10px;
}

#contenu .pagination {
background-color: #E5E5E5;
text-align: right;
}

#contenu .pagination a:hover {
color: #F33F00;
}

/* titres des articles de la rubrique type, titres de la rubrique LR/FDR & titres articles statique et en cours des rubriques type residence */

h3 {
display: block;
margin: 10px 0 5px 0;
font-size: 14px; 
line-height: 18px;
font-weight: normal;
color: #333;
}

#contenu h3 a:link, #contenu h3 a:visited 
{font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; color:#000; background-color: #EEE; font-size: 14px;}
#contenu h3 a:hover, a:active {color: #006096; clear: both; text-decoration: none;}


#contenu .menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
	width: 400px;
	background-color: #E5E5E5;
}

/* rubriques residence : surtitre des résidences en cours ---------- rubrique LR/FDR : surtitre des LR avec date et durée */
#contenu .surtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #OOO;
	font-weight: bold;
	margin-top: 5px;
}

#contenu .surtitre3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	color: #OOO;
	font-weight: bold;
	margin-top: 5px;
}


/* -------- rubriques residence - archives  ------*/
#contenu .titrearchives, .titrearchives a {
	color: #006096;
	font-size:12px;
	font-weight: bold;
}

#contenu .titrearchives a:hover {
background-color:#CCCCCC;
text-decoration:none;
}

#contenu .titrearchives a:visited {
	color: #006096;
}


/* Articles : Titre du document joint -------------
Titres des articles archivés des rubriques type residence */
#contenu h4 {font-size:1.2em; text-align:left; color:#F00; line-height: 1em; }
#contenu h4 a:link {font-size:1.2em; text-align:left; color:#333; line-height: 1em; }
#contenu h4 a:hover, a:active {color: #F00; clear: both;}
#contenu h4 a:visited {color:#CC0099;}





/*--- 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 pour savoir où on est... */
#hierarchie {
	margin-bottom: 3px;
	padding: 0 0 5px 0;
	font-size: 11px;
}

#hierarchie a:link, #hierarchie a:visited {
	color: #666;
	font-size: 11px;
}

#hierarchie a:hover, #hierarchie a:active {
	color : #FF3300;
	font-size: 11px;
}



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


#contenu .logoconcert {
	/*background-color: #F00;*/
	width: 90px;
	border: 0px;
	float:left;
	padding-bottom: 10px;
	}


#contenu .infoconcert {
background-color: #E5E5E5;
margin-left: 0.5em;
padding-left: 0.5em;
width:300px;
float: left;
padding-bottom: 10px;
margin-bottom: 20px;
}



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

#contenu .datemodif {
	font-style: italic;
	text-align: right;
}

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

#contenu h1, #contenu h1 a {font-size: 15px; line-height: 18px;}


#contenu .titre {font-size: 15px; line-height: 18px; font-weight:bold;}
	
/*Concerts*/
h1 .titre {color: #ff3300; clear: both; background-color:#CCCCCC;}
h1 a.titre {color: #ff3300; clear: both; background-color:#CCCCCC;}
#contenu h1 a:visited.titre {color: #ff3300; clear: both; background-color:#CCCCCC;}



/*bons plans
h1 .titre11 {color: #FF003F; clear: both; background-color:#CCCCCC; font-weight: bold;}
h1 a.titre11 {color: #FF003F; clear: both; background-color:#CCCCCC; font-weight: bold;}
#contenu h1 a:visited.titre11 {color: #FF003F; clear: both; background-color:#CCCCCC; font-weight: bold;}*/

/*stages ateliers
h1 .titre12 {color: #666666; clear: both; background-color:#FECCCC;}
h1 a.titre12 {color: #666666; clear: both; background-color:#FECCCC;}
#contenu h1 a:visited.titre12 {color: #666666; clear: both; background-color:#FECCCC;}*/

/*Rencontres Filages
h1 .titre13 {color: #333333; clear: both; background-color:#FECCCC;}
h1 a.titre13 {color: #333333; clear: both; background-color:#FECCCC;}
#contenu h1 a:visited.titre13 {color: #333333; clear: both; background-color:#FECCCC;}*/




/*---- 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 {
	clear: both;
	width: 780px !important; 
	width: 780px; 
	background:#FFF;
    text-align:center;
    position: relative;  
    padding-bottom : 25px;

}

#footer a:link, #footer a:visited {
font-size: 11px;
color : #666;
text-decoration: underline;
}
#footer a:hover, #footer a:active {
color : #006096;
}

/* pour les logos rss */
.format_png {
	padding-right: 0.5em; 
	padding-left: 0.2em;
	border: 0em;
}

div.row span.left {
 	float: left;
 	text-align: left;
 	font-weight: bold;
	color: #000;
 	width: 80%;
 	line-height: 1.1em;
 	margin-top: 0.8em;
 }

div.row span.right {
 	float: right;
 	text-align: right;
 	color: #000;
 	width: 20%;
 }


 

    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }





/*Titres de base*/
h1 {font-size: 1.3em; text-align:left;}



/*--------Plan du site---------*/
/*Titres pour le plan, ps et notes dans article type*/
#contenu h2 {font-size:18px; text-align:left; color:#333;}
#titreplan {background-color: #E5E5E5; width: 400px;}

#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;
}

#contre-encart ul a:link, a:visited {font-size: 12px; color: #990000;}

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


.breves .menu-titre {
	padding: 0.2em 0.4em;
	border-bottom: 1px dotted #CCC;
	font-weight: bold;
}

#contenu .breves ul li a{
	margin: 0px;
	padding: 0px;
	color: #000;
	
}



.spip_documents_left {margin: 0 10px 3px 0;}
.spip_documents img { padding-top: 3px;
padding-bottom: 8px; } 

/*replace le bloc d'apres en bas a gauche*/
.nettoyeur {
visibility: hidden;
clear: both;
}



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

/*--- cadre gris pour les infos importantes ---*/
#contenu .cartouchechapeau {
background-color: #E5E5E5;
width:410px;
/*float: left;*/
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}

#contenu .cartouchechapeau .chapo {
	font-size: 1.1em;
}

/* ---- cadre pour logo et texte de l'article ---*/
#contenu .article {	

margin-bottom: 1em;

/*width:420px;*/
/*float: left;*/
}

#contenu .ps {
text-align: right;}


/* dans les articles agenda pour le logo digitick ---*/
.lienagenda {
   float: right; 
   text-align: right;
}

/* --- les textes des articles ---*/
#contenu .texte {
	margin-top: 0.9em;
	padding-bottom: 2em;
	font-size: 1.1em;
	line-height:16px;
}


#contenu .texte a:link, .texte a:visited, .texte a:active {
	color: #006096;
	text-decoration: none;
}

#contenu .texte a:hover {
	color: #333333;
	text-decoration: none;
}

/*
#contenu .texte a:visited, .lien a:active {
	color: #FF6666;
}*/




/* --------------------------- Tableaux -----------------*/
#contenu table {
border:none;
margin: 0px;
padding: 0px;
width: 400px;
font-weight:lighter;
}

#contenu table.tr.row_first { 
	background: #F00;
 }
	
#contenu table.spip tr.row_odd { background: #EEE; 
}

#contenu table.spip tr.row_even { background: #FFF;  }

#contenu table.spip th, table.spip td { 
	/*vertical-align: middle; width: 0px;*/
	padding:0px;
	width:80px;
	}
 
#contenu table.spip dl, table.spip dt, table.spip dd { 
	list-style-type:none; 
	vertical-align: middle; 
	text-align: left;
	margin:0px;
	padding:0px;
	}



/*
CSS Page Sommaire
--------------------------------------------------------------------------------------------------------------------

--------------------------------------------------------------------------------------------------------------------
*/



#espacerubriques_sommaire {
width : 780px;
height : 30px;
border-top : 1px solid #fff;
margin-top: 10px;
margin-left: 0;
float:left;
margin-bottom: 10px;
}



/* --------Page Sommaire----------------*/


#center {
	padding-bottom: 10px;
	overflow: auto;
}


#sommaire_gauche {
float: left;
width: 400px;
color : #333;
margin-left: 10px;
margin-right: 20px;
padding: 20px 0px;
text-align : left;
line-height: normal;
}



#sommaire_gauche .titre5, .titre5 a:link, .titre5 a:visited {
color: #006096;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align:left;
}


/*#sommaire_gauche .titre5 a:hover, .titre5 a:active {
background : #006633;
}*/

/*#sommaire_gauche a:hover, a:active {color: #006096; clear: both;}
#sommaire_gauche a:visited {font-size: 14x;}*/

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

/*#sommaire_gauche .intro_article a:hover{
	color: #006096;
	text-decoration: none;
}*/




#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 a {
color:#ff3300;
}


#sommaire_droite .titre5 {
color: #333;
font-size: 15px;
font-weight: bold;
text-decoration: none;
text-align:left;
}

#sommaire_droite .cartouche {
background-color: #E5E5E5;
margin-left: 0.1em;
padding-left: 0.1em;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}

#sommaire_droite .dateconcert {
	font-weight: bold;
	font-style: italic;
	font-size: 1.2em;
	color: #OOO;
}


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


#sommaire_droite .surtitre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #OOO;
	font-weight: bold;
	margin-top: 5px;
}


#sommaire_droite .autres_rdv_agenda {
	background-color: #ff3300;
	color: #E5E5E5;
	font-size: 1.4em;
	font-weight: bold;
	margin: 0.6em 0;
}

#sommaire_droite .prochain_concert {
	background-color: #E5E5E5;
	color: #ff3300;
	font-size: 1.4em;
	font-weight: bold;
}


#sommaire_droite .dates {
	font-style: italic;
}

#sommaire_droite .autrestitres a:link {
	color: #000;
	font-weight: bold;
	line-height: 18px;
	font-size: 12px;
	text-decoration: none;
}

#sommaire_droite .autrestitres a:hover, .autrestitres a:active {
	background-color: #FF3300;

}

#sommaire_droite .autrestitres a:visited {
	color: #333;
	font-weight: bold;
	line-height: 18px;
}


#lien_fin {
	text-align: right;
	background-color: #E5E5E5;
	color: #F00;
	font-size: 12px;
	font-weight: bold;
	margin: 0.6em 0;
	
}

#lien_fin .linkagendacomplet a:link {
	color: #ff3300;	
	text-decoration: none;
}


#lien_fin .linkagendacomplet a:hover {
	text-decoration: underline;	
}








/* ----------------------------------CSS utiles ?---------------------------------------------------*/

/*Pour les images : marge a droite et pas de bordure
img {padding-right: 0em; border:0;}
*/


// #liste_articles li {list-style-type: none;}
// #liste_breves li {list-style-type: none; padding-left: 0.5em;}
// #liste_breves ul {margin:0; padding: 0;}
// #logo {float: left;}
// #menu_principal{clear: both;}

// #formulaire { margin: 0; margin-left: 65%;}


/*#contenu .listearticles {
background-color: #E5E5E5;
margin-left: 0.1em;
padding-left: 0.1em;
width:420px;
float: left;
padding-bottom: 10px;
margin-bottom: 10px;
}*/

/*Couleurs des liens
a { text-decoration: none; color: #666666; }
a:hover { color: #FF6600;}*/