@charset "UTF-8";
/* CSS Document */
body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #FFF;
	margin: 10px 0 0 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 980px;  /* 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;
	margin: 0 auto;
	text-align: left; /* ce paramétrage annule le paramètre text-align: center de l'élément body. */
}
.oneColFixCtrHdr #header {
	padding: 0 0 0 0;  /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
}
.oneColFixCtrHdr #mainContent {
	padding: 0 0;
	background-color: #FFFFFF;
	background-image: url(/lib/tpl/custom/maq/guideMenu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width: 980px;
	height: 237px;
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
a {
	outline:none;
}
/* etiquette 1 */
	ul#menu1 {
		margin:0;
		padding:0;
		list-style-type:none;
		position: relative;
	}
	
	ul#menu1 li {
	margin:0 0 0 0;
	padding:0;
	position: absolute;
	top: 97px;
	}

	ul#menu1 li a {
		display:block;
		width:118px;
		height:152px;
	}
	
	#item1 {
	left:116px;
	width:118px;
	height:152px;
	}
	
	#item1 a {
		background-image: url(/lib/tpl/custom/maq/btn_saison.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#item1 a:hover {
		background-image: url(/lib/tpl/custom/maq/btn_saison_over.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
/* etiquette 2 */

	ul#menu2 {
		margin:0;
		padding:0;
		list-style-type:none;
		position: relative;
	}
	
	ul#menu2 li {
	margin:0 0 0 0;
	padding:0;
	position: absolute;
	top: 34px;
	}

	ul#menu2 li a {
		display:block;
		width:104px;
		height:152px;
	}
		
	#item2 {
	left:213px;
	width:104px;
	height:152px
	}
	
	#item2 a {
		background-image: url(/lib/tpl/custom/maq/btn_comedie.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#item2 a:hover {
		background-image: url(/lib/tpl/custom/maq/btn_comedie_over.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
/* etiquette 3 */
	
	ul#menu3 {
		margin:0;
		padding:0;
		list-style-type:none;
		position: relative;
	}
	
	ul#menu3 li {
	margin:0 0 0 0;
	padding:0;
	position: absolute;
	top: 32px;
	}

	ul#menu3 li a {
		display:block;
		width:111px;
		height:146px;
	}
		
	#item3 {
	left:323px;
	width:111px;
	height:146px;
	}
	
	#item3 a {
		background-image: url(/lib/tpl/custom/maq/btn_itinerante.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#item3 a:hover {
		background-image: url(/lib/tpl/custom/maq/btn_itinerante_over.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
/* etiquette 4 */
	
	ul#menu4 {
		margin:0;
		padding:0;
		list-style-type:none;
		position: relative;
	}
	
	ul#menu4 li {
	margin:0 0 0 0;
	padding:0;
	position: absolute;
	top: 110px;
	}

	ul#menu4 li a {
		display:block;
		width:118px;
		height:152px;
	}
		
	#item4 {
	left:405px;
	width:118px;
	height:152px;
	}
	
	#item4 a {
		background-image: url(/lib/tpl/custom/maq/btn_creation.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#item4 a:hover {
		background-image: url(/lib/tpl/custom/maq/btn_creation_over.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
/* etiquette 5 */
	
	ul#menu5 {
		margin:0;
		padding:0;
		list-style-type:none;
		position: relative;
	}
	
	ul#menu5 li {
	margin:0 0 0 0;
	padding:0;
	position: absolute;
	top: 47px;
	}

	ul#menu5 li a {
		display:block;
		width:104px;
		height:152px;
	}
		
	#item5 {
	left:504px;
	width:104px;
	height:152px;
	}
	
	#item5 a {
		background-image: url(/lib/tpl/custom/maq/btn_festivals.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
	#item5 a:hover {
		background-image: url(/lib/tpl/custom/maq/btn_festivals_over.png);
		background-repeat: no-repeat;
		background-position: 0 0;
	}
	
/* etiquette 6 */
	
		ul#menu6 {
		margin:0;
		padding:0;
		list-style-type:none;
		position: relative;
	}
	
	ul#menu6 li {
	margin:0 0 0 0;
	padding:0;
	position: absolute;
	top: 109px;
	}

	ul#menu6 li a {
		display:block;
		width:113px;
		height:157px;
	}
		
	#item6 {
	left:581px;
	width:113px;
	height:157px;
	}
	
	#item6 a {
	background-image: url(/lib/tpl/custom/maq/btn_actions.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	#item6 a:hover {
	background-image: url(/lib/tpl/custom/maq/btn_actions_over.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
/* etiquette 7 */
	
	ul#menu7 {
	margin:0;
	padding:0;
	list-style-type:none;
	position: relative;
	}
	
	ul#menu7 li {
	margin:0 0 0 0;
	padding:0;
	position: absolute;
	top: -16px;
	}

	ul#menu7 li a {
	display:block;
	width:113px;
	height:157px;
	}
		
	#item7 {
	left:637px;
	width:113px;
	height:157px;
	}
	
	#item7 a {
	background-image: url(/lib/tpl/custom/maq/btn_formations.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	#item7 a:hover {
	background-image: url(/lib/tpl/custom/maq/btn_formations_over.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}

/* etiquette 8 */
	
	ul#menu8 {
	margin:0;
	padding:0;
	list-style-type:none;
	position: relative;
	}
	
	ul#menu8 li {
	margin:0 0 0 0;
	padding:0;
	position: absolute;
	top: 46px;
	}

	ul#menu8 li a {
	display:block;
	width:111px;
	height:146px;
	}
		
	#item8 {
	left:733px;
	width:111px;
	height:146px;
	}
	
	#item8 a {
	background-image: url(/lib/tpl/custom/maq/btn_infos.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	
	#item8 a:hover {
	background-image: url(/lib/tpl/custom/maq/btn_infos_over.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	}