/*
COULEURS

rouge : #D50000

*/

/********************************************************************
		GENERAL RULES
********************************************************************/
* {
	margin: 0;
	padding: 0;
	border: 0;
}

img {
	border: 0;
}

.prop {
    float: right;
    height: 50px;
}
.clear {
    clear: both;
}

a {
	text-decoration: none;
}
a:link {
	color: #808080;
}
a:visited {
	color: #808080;
}
a:focus, a:hover {
	color: #fff;
}




/********************************************************************
		STRUCTURE
********************************************************************/

body {
	/* text-align:center; */
	background: #000 url("../img/background.jpg") top left repeat-y;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11pt;
	color: #fff;
}

#wrapper {
    width: 802px;
/*    margin-left: auto; */
/*    margin-right: auto; */
    padding: 0;
}

#content {
    margin: 0 189px 0 0;
}

#content .inner {
/*	background: yellow;
    padding-top: 1px; */
    margin: 0;
}

	#left {
		width: 338px; /* 341 - 3 */
		margin: 0 272px 0 0;
		overflow: hidden;
/* background: green; */
	}
	#right {
		float: right;
		width: 272px;
		margin-left: 0px;
	}

#side {
	float: right;
	width: 189px;
	margin: 0;
	height: 664px;
}

#side .inner {
/*	background: red;
	padding-top: 1px; */
	margin: 0;
}

#footer {
    font-size: 10pt;
    letter-spacing: 1px;
    margin-top: 10px;
    margin-bottom: 10px;
    clear: both;
    height: 50px;
}

#footer .inner {
    width: 802px;
    margin: 0 0 0 40px;
    padding-top: 3px;
    padding-bottom: 20px;
/*    border-top: 1px solid #3E3D3B; */
}

#header {
	width: 802px;
	height: 227px;
	background: url("../img/header.jpg") top left no-repeat;
}

#header .inner {
	padding-left: 613px;
}

#menu {
	padding: 70px 0 0 0;
	margin-left: 2px;
	text-align: left;
	/* background: yellow; */
}

/********************************************************************
		MP3 PLAYER
********************************************************************/
#mp3player {
    width: 200px;
    height: 20px;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}
#mp3desc {
    padding: 0;
    font-size: 10pt;
    margin-left: 5px; 
    color: #808080; 
}

/********************************************************************
		PHOTO SETS
********************************************************************/
.setnav {
    padding-top: 3px;
    width: 95%;
    text-align: right;
    font-size: 11pt;
    margin-left: 5px; 
    color: #ffffff; 
}

/********************************************************************
		MAIN MENU
********************************************************************/

#mainmenu {
	background: #000;
	width: 180px;
/* height: 133px; */
	}
	#mainmenu i {
		display: none;
	}
	#mainmenu ul {
		list-style-type: none;
		padding-top: 68px; /* placement de l'image-lien, à vous d'adapter */
		}

	.lienmenu { /* "lien" sera notre conteneur, ici la balise li */
		margin-top: 0px;
		margin-left: 0px; /* dimensions selon l'image, à vous d'adapter */
		width: 180px;
		height: 19px;
		}
		.menu1 {
			background: url("../img/menu/menu_01_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			}
		.menu2 {
			background: url("../img/menu/menu_02_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			}
		.menu3 {
			background: url("../img/menu/menu_03_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			}
		.menu4 {
			background: url("../img/menu/menu_04_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			}
		.menu5 {
			background: url("../img/menu/menu_05_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			}
		.menu6 {
			background: url("../img/menu/menu_06_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			}
		.menu7 {
			background: url("../img/menu/menu_07_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			}


	.lienmenu a { /* définition du lien qui occupera toute la place du conteneur */
		display: block;
		width: 100%;
		height: 100%;
		}
		.linkmenu1 {
			background: url("../img/menu/menu_01.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu2 {
			background: url("../img/menu/menu_02.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu3 {
			background: url("../img/menu/menu_03.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu4 {
			background: url("../img/menu/menu_04.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu5 {
			background: url("../img/menu/menu_05.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu6 {
			background: url("../img/menu/menu_06.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu7 {
			background: url("../img/menu/menu_07.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}

	.lienmenu a:hover { /* masquage de l'image1 au survol */
		background: transparent none;
		}	

/********************************************************************
		SOUS MENU
********************************************************************/

#sousmenu {
	margin-left: 1px;
	width: 188px;
	padding-top: 13px;
	padding-bottom: 13px;
	}
	#sousmenu i {
		display: none;
	}
	#sousmenu ul {
		list-style-type: none;
		padding-top: 0px; /* placement de l'image-lien, à vous d'adapter */
		}
.smenu02 {
	background-color: #D50000;
}
.smenu03 {
	background-color: #EC6A00;
}
.smenu04 {
	background-color: #FFB61D;
}
.smenu05 {
	background-color: #32BE0C;
}
	.liensousmenu { /* "lien" sera notre conteneur, ici la balise li */
		margin-top: 0px;
		margin-left: -1px; /* dimensions selon l'image, à vous d'adapter */
		width: 180px;
		margin-bottom: 5px;
		}
		.smenu_02_01 {
			background: url("../img/smenu/smenu_02_01_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 22px;
			}
		.smenu_02_02 {
			background: url("../img/smenu/smenu_02_02_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 22px;
			}
		.smenu_02_03 {
			background: url("../img/smenu/smenu_02_03_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 22px;
			}
		.smenu_02_04 {
			background: url("../img/smenu/smenu_02_04_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 22px;
			}

		.smenu_03_01 {
			background: url("../img/smenu/smenu_03_01_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 44px;
			}
		.smenu_03_02 {
			background: url("../img/smenu/smenu_03_02_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 22px;
			}
		.smenu_03_03 {
			background: url("../img/smenu/smenu_03_03_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 22px;
			}
		.smenu_03_04 {
			background: url("../img/smenu/smenu_03_04_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 44px;
			}

		.smenu_04_01 {
			background: url("../img/smenu/smenu_04_01_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 44px;
			}
		.smenu_04_02 {
			background: url("../img/smenu/smenu_04_02_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 44px;
			}

		.smenu_05_01 {
			background: url("../img/smenu/smenu_05_01_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 22px;
			}
		.smenu_05_02 {
			background: url("../img/smenu/smenu_05_02_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 22px;
			}
		.smenu_05_03 {
			background: url("../img/smenu/smenu_05_03_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 22px;
			}


	.liensousmenu a { /* définition du lien qui occupera toute la place du conteneur */
		display: block;
		width: 100%;
		height: 100%;
		}
		.linkmenu_02_01 {
			background: url("../img/smenu/smenu_02_01.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu_02_02 {
			background: url("../img/smenu/smenu_02_02.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu_02_03 {
			background: url("../img/smenu/smenu_02_03.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu_02_04 {
			background: url("../img/smenu/smenu_02_04.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}

		.linkmenu_03_01 {
			background: url("../img/smenu/smenu_03_01.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu_03_02 {
			background: url("../img/smenu/smenu_03_02.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu_03_03 {
			background: url("../img/smenu/smenu_03_03.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu_03_04 {
			background: url("../img/smenu/smenu_03_04.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}

		.linkmenu_04_01 {
			background: url("../img/smenu/smenu_04_01.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu_04_02 {
			background: url("../img/smenu/smenu_04_02.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}

		.linkmenu_05_01 {
			background: url("../img/smenu/smenu_05_01.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu_05_02 {
			background: url("../img/smenu/smenu_05_02.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu_05_03 {
			background: url("../img/smenu/smenu_05_03.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}

	.liensousmenu a:hover { /* masquage de l'image1 au survol */
		background: transparent none;
		}	


/********************************************************************
		MENU MP3
********************************************************************/

#menump3 {
	background: #000;
	width: 180px;
/* height: 133px; */
	}
	#menump3 i {
		display: none;
	}
	#menump3 ul {
		list-style-type: none;
		padding-top: 22px; /* placement de l'image-lien, à vous d'adapter */
		}

	.lienmenump3 { /* "lien" sera notre conteneur, ici la balise li */
		margin-top: 0px;
		margin-left: 0px; /* dimensions selon l'image, à vous d'adapter */
		width: 180px;
		}
		.menu1mp3 {
			background: url("../img/mp3/ecoutervoir_01.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			margin-top: 0px; /* placement de l'image-lien, à vous d'adapter */
			height: 35px;
			}
		.menu2mp3 {
			background: url("../img/mp3/ecoutervoir_02_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			height: 26px;
			}
		.menu3mp3 {
			background: url("../img/mp3/ecoutervoir_03_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			height: 24px;
			}
		.menu4mp3 {
			background: url("../img/mp3/ecoutervoir_04_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			height: 45px;
			}
		.menu5mp3 {
			background: url("../img/mp3/ecoutervoir_05_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			height: 42px;
			}
		.menu6mp3 {
			background: url("../img/mp3/ecoutervoir_06_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			height: 40px;
			}
		.menu7mp3 {
			background: url("../img/mp3/ecoutervoir_07_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			height: 40px;
			}
		.menu8mp3 {
			background: url("../img/mp3/ecoutervoir_08_over.gif") top left no-repeat; /* placement de l'image 2 au second plan */
			height: 50px;
			}


	.lienmenump3 a { /* définition du lien qui occupera toute la place du conteneur */
		display: block;
		width: 100%;
		height: 100%;
		}
		.linkmenu1mp3 {
			background: url("../img/mp3/ecoutervoir_01.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu2mp3 {
			background: url("../img/mp3/ecoutervoir_02.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu3mp3 {
			background: url("../img/mp3/ecoutervoir_03.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu4mp3 {
			background: url("../img/mp3/ecoutervoir_04.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu5mp3 {
			background: url("../img/mp3/ecoutervoir_05.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu6mp3 {
			background: url("../img/mp3/ecoutervoir_06.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu7mp3 {
			background: url("../img/mp3/ecoutervoir_07.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}
		.linkmenu8mp3 {
			background: url("../img/mp3/ecoutervoir_08.gif") top left no-repeat; /* placement de l'image 1 au premier plan */
			}

	.lienmenump3 a:hover { /* masquage de l'image1 au survol */
		background: transparent none;
		}	

/********************************************************************
		HOME CONTENT
********************************************************************/

/********************************************************************
		CONTENT
********************************************************************/

#containerTitrePage {
	width: 272px;
	padding-left: 10px;
	padding-right: 14px;
}
#containerSousTitrePage {
	width: 272px;
	padding-left: 14px;
	padding-right: 14px;
}
#containerTextePage {
	width: 272px;
	padding-left: 14px;
	padding-right: 14px;
}
#titrePage {
/*	width: 262px; */
}
#soustitrePage {
/*	width: 262px; */
}
#textePage {
	font-size: 9.5pt;
	width: 244px;
}

/* descriptif technique des spectacles */
p.tech { margin-top: 1em; color: #808080; }


/* IMAGES */
#imgzone {
	padding-left: 1px;
}
.thumb {
	margin-left: 22px;
	margin-top: 22px;
}
.first {
	margin-left: 0px;
}
.setnav {
	clear: both;
}

/* hacks */
* html #containerTitrePage {width: 244px;}
* html #containerSousTitrePage {width: 244px;}
* html #containerTextePage {width: 244px;}
/* end hacks */


/* ************
REMOVED 9/1/06
************ */
/* html>body #minHeight{float:left;width:0px;height:100%;margin-bottom:-52px;} */ /*safari wrapper */