/* COLONNE PRINCIPALE */



/*GABARIT-1: ACCUEIL*/

#accueil{float: left; width: 567px;	/*padding: 10px 20px;*/	margin-left:228px; position:relative;}
#accueil-gauche {float:left; margin-left:14px; width : 244px;}
#accueil-droit {padding-top:0; margin-left:310px; width : 244px;}
#accueil-centre {padding-top:0; margin-left:160px; margin-bottom:20px; width : 244px;}


.image-lieu-accueil{padding-top:78px; height:45px; margin:0;}
.image-lieu-accueil2{padding-top:78px; height:45px; margin:0;}
.image-lieu-accueil-centre{padding-top:78px; border:none; text-align:center;}
.image-lieu-accueil-centre a img{text-decoration:none; border:none;}
.image-lieu-accueil-centre a:hover{text-decoration:none; border:none;}

.image-actus-centre{padding-top:5px; border:none; text-align:center;}

/* js gauche*/
#box1{position:absolute;}
#box1 div{width:244px; height:552px; float:left; background:#fff;}
#box1 p{margin:0;}
#box1 img{ width:244px;	float:left;	margin:0 0 11px 0;}
#box1 div a img{border:none;}
.mask1{	position:relative; 	width:244px; height:582px; overflow:hidden;}

/* js droit*/
#box2{position:absolute;}
/*pendant l'accueil centre et fixe*/
#box2 div{ width:244px;	height:552px; float:left; background:#fff;}
#box2 p{margin:0 0 0 0;}
#box2 img{width:244px; float:left;	margin:0 0 11px 0;}
#box2 div a img{border:none;}
.mask2{position:relative; width:244px; height:582px; overflow:hidden;}

/* a quoi sert info en css?*/
/*
#info1{	background:#fff !important;	color:red !important;cursor:default}
#info2{	background:#fff !important;	color:red !important;cursor:default}
.info{width:260px; height:50px; background:#000; position:absolute;}
.info p{color:#fff; padding:3px 8px; font-family:Arial;}
*/

/*boutons*/
.buttons0{ text-align:left; margin:6px 0 0 0 ;}
.buttons0 span{color: #b6b5b5;cursor:pointer;font-weight:bold;font:12px; margin-right:5px;}
.buttons0 span.active{ font-weight:bold;font-size:12px;}
.buttons0 span:hover{ color:#000;}
.avant1{margin-left:77px;}
.avant2{margin-left:-119px;}

/* paragraphe qui suit l'accueil*/
#texte-accueil{margin: 30px 14px 30px 7px;}
#texte-accueil-centre{margin: 0 14px 30px 7px;}
#filet-accueil{margin: 0 14px 10px 14px; border-top:solid 4px;}


/*GABARIT-2: 2 COLONNES (JAUNE ET PRINCIPALE) AVEC MINI-MENU*/

/* colonne jaune */
#colonne-jaune{
	position: absolute;	
	margin-left:385px;
	margin-top:-41px;
	width:182px;
	overflow:hidden;
	height:100%;	
	letter-spacing: 0px;
	word-spacing:1px;
	line-height:15px;
	}
	
#colonne-filet{
	position: absolute;
	margin-left:385px;
	margin-top:-41px;
	width:182px;
	overflow:hidden;
	height:100%;	
	letter-spacing: 0px;
	word-spacing:1px;
	line-height:15px;
	}


.contenu-colonne-jaune{margin: 5px 7px 7px 7px;}
.contenu-colonne-jaune p{margin:10px 0 0 0;}
.contenu-colonne-jaune h2{margin:0 0 10px 0;}
.contenu-colonne-jaune h5{margin:0 0 10px 0;}
.contenu-colonne-jaune h6{margin:0 0 0 0;}
.contenu-colonne-jaune ul{list-style:none; margin: 0 7px 10px -40px ;}

/*----mini-menu 1----*/
#mini-menu ul{list-style:none; margin: 6px 7px 10px 0;}
#mini-menu .buttons{padding:0px;}
#mini-menu .buttons ul{list-style:none; margin: 6px 7px 10px 0;}
#mini-menu .buttons li{cursor:pointer;font:12px Arial; font-weight:bold; margin-bottom:1px; }
#mini-menu .buttons li:hover{color:#000;}


/*----mini-menu 2----*/
#mini-menu2 ul{list-style:none; margin: 10px 7px 10px 0;}
#mini-menu2 .buttons{padding:0px;}
#mini-menu2 .buttons ul{list-style:none; margin: 10px 7px 10px 0;}
#mini-menu2 .buttons li{cursor:pointer;font:12px Arial; margin-bottom:1px; }
#mini-menu2 .buttons li.active, #mini-menu2 .buttons li:hover{color:#000;}


/*----colonne-principale----*/
#colonne-principale{margin-top:-16px;position:relative;	width:385px;/*height:100%;*/ min-height:650px; overflow:hidden; letter-spacing: 0px; word-spacing:2px; line-height:17px;}
	
#colonne-principale-nouveau{margin-top:-16px;position:relative;	width:385px;/*height:100%;*/ min-height:650px; overflow:hidden; letter-spacing: 0px; word-spacing:2px; line-height:17px; padding-top:10px;}	

.sous-liste li ul {margin:-16px 7px 7px 40px; }
.sous-liste {margin-bottom:10px;}

#box{position: relative;}
#box div{width:385px; float:left;}
#box p{margin: 9px 10px 0 7px;}
#box .image{margin:0 7px 10px 7px;}
#box .petit-texte{padding-top:14px;}
#box h6{margin: 9px 7px 0px 7px;}
#box h5{margin: 9px 7px -10px 7px;}
.contenu-colonne-principale{margin-top:10px;}
.contenu-colonne-principale ul{list-style:none; margin: 9px 7px 10px -33px;}
	


/*GABARIT-3: 2 COLONNES (JAUNE ET PRINCIPALE) SANS MINI-MENU*/

/* colonne jaune */
#colonne-jaune-sans ul{margin-bottom:15px; margin-top:0;}
#colonne-jaune-sans {padding:0 0 0 0;color: #0a50a1; height:100%;}
#colonne-jaune-sans-stat {margin:4px 0 0 0;color: #0a50a1; height:100%;}
#colonne-jaune-sans h2{margin:0 0 0 0;}
#colonne-jaune-sans h5{margin:0 7px 0 7px;}
#colonne-jaune-sans-stat h5{margin:0 7px 0 7px;}
#colonne-jaune-sans h6{color: #0a50a1; font-size:12px; font-weight:bold; margin:0 0 10px 7px; text-align:left;}


/*GABARIT-4 DEUX COLONNES IDENTIQUES*/

/*pages spectacles uniquement(ds saison)- colonnes égales*/
#les-spectacles{ padding-left:1px;}
.ligne{float:left;  }
.jaune {float:left; padding:7px 0 3px 0; width : 283px;}
.non-jaune {float:left; padding:7px 0 3px 0;width : 283px; }


/*GABARIT-5 UNE SEULE COLONNE*/
#colonne-unique {margin-top:4px; letter-spacing: 0px; word-spacing:2px;	line-height:17px;}
	
#colonne-unique-centree {text-align:center; margin-top:4px;	letter-spacing: 0px; word-spacing:2px; line-height:17px;}
#colonne-unique-centree h6{text-align: center;}

.gauche {float:left; padding-top:0;   }
.droite {padding-top:0; margin-left:300px; }

.lesdeux{margin-bottom :10px;}