body, html	{ background: #333; margin: 0; padding: 0; font-family: calibri, myriad pro, arial; }
img { border: 0; }

div#content		{ width: 950px; margin-right: auto; margin-left: auto; }

	div#header		{ width: 950px; height: 200px; background: url('./../images/bg_header.jpg') 0% 0% no-repeat; }
	
	div#ban_flash	{ width: 950px; height: 236px; background: url('./../images/pre_ban.jpg') 0% 0% no-repeat; }
	div#ban_flash-en	{ width: 950px; height: 236px; background: url('./../images/pre_ban-en.jpg') 0% 0% no-repeat; }
	
	div#bandeau	{ width: 950px; height: 36px; background: url('./../images/bg_bandeau.jpg') 0% 0% no-repeat; }
		div#bandeau p	{ text-align: left; margin: 0; padding: 0 0 0 10px; line-height: 36px; color: #fff; font-size: 20px; font-style: italic; }
	
	div#inset		{ z-index: 1; position: relative; width: 950px; height: 465px; background: url('./../images/bg_inset.jpg') 0% 0% no-repeat; }
		div#inset h1	{ color: #555; margin: 0; padding: 20px 0 0 0; }
		div#inset .texte		{ padding: 25px 0 0 175px; width: 400px; height: 200px; }
		div#inset .texte p		{ color: #555; }
		div#inset .texte a		{ color: #000; font-weight: bold; text-decoration: none; }
		div#inset .texte a:hover	{ text-decoration: underline; }
		div#inset a.btn_livre			{ position: absolute; z-index: 2; top: 235px; left: 70px; width: 70px; height: 30px; background: red; background: url('../images/livre1.jpg') 0% 0% no-repeat; }
		div#inset a.btn_livre:hover 	{ background: url('../images/livre2.jpg') 0% 0% no-repeat; }
		div#inset a.btn_actu 			{ position: absolute; z-index: 2; top: 120px; left: 70px; width: 70px; height: 30px; background: blue; background: url('../images/actu1.jpg') 0% 0% no-repeat; }
		div#inset a.btn_actu:hover	{ background: url('../images/actu2.jpg') 0% 0% no-repeat; }
		div#inset a.btn_contact 		{ position: absolute; z-index: 2; top: 180px; left: 70px; width: 70px; height: 30px; background: yellow; background: url('../images/contact1.jpg') 0% 0% no-repeat; }
		div#inset a.btn_contact:hover { background: url('../images/contact2.jpg') 0% 0% no-repeat; }
		div#inset a.btn_demarrer 		{ position: absolute; z-index: 2; top: 120px; right: 41px; width: 140px; height: 95px; background: url('../images/panneau.jpg') 0% 0% no-repeat; }
		div#inset a.btn_demarrer:hover { background: url('../images/panneau.jpg') 100% 0% no-repeat; }
		/* en anglais */
	div#inset-en		{ z-index: 1; position: relative; width: 950px; height: 465px; background: url('./../images/bg_inset-en.jpg') 0% 0% no-repeat; }
		div#inset-en h1	{ color: #555; margin: 0; padding: 20px 0 0 0; }
		div#inset-en .texte		{ padding: 25px 0 0 175px; width: 400px; height: 200px; }
		div#inset-en .texte p		{ color: #555; }
		div#inset-en .texte a		{ color: #000; font-weight: bold; text-decoration: none; }
		div#inset-en .texte a:hover	{ text-decoration: underline; }
		div#inset-en a.btn_livre-en			{ position: absolute; z-index: 2; top: 235px; left: 70px; width: 70px; height: 33px; background: red; background: url('../images/livre-en1.jpg') 0% 0% no-repeat; }
		div#inset-en a.btn_livre-en:hover 	{ background: url('../images/livre-en2.jpg') 0% 0% no-repeat; }
		div#inset-en a.btn_actu-en 			{ position: absolute; z-index: 2; top: 120px; left: 70px; width: 70px; height: 33px; background: blue; background: url('../images/actu-en1.jpg') 0% 0% no-repeat; }
		div#inset-en a.btn_actu-en:hover		{ background: url('../images/actu-en2.jpg') 0% 0% no-repeat; }
		div#inset-en a.btn_contact-en 		{ position: absolute; z-index: 2; top: 180px; left: 70px; width: 70px; height: 30px; background: yellow; background: url('../images/contact1.jpg') 0% 0% no-repeat; }
		div#inset-en a.btn_contact-en:hover 	{ background: url('../images/contact2.jpg') 0% 0% no-repeat; }
		div#inset-en a.btn_demarrer-en 		{ position: absolute; z-index: 2; top: 120px; right: 41px; width: 140px; height: 95px; background: url('../images/panneau-en.jpg') 0% 0% no-repeat; }
		div#inset-en a.btn_demarrer-en:hover { background: url('../images/panneau-en.jpg') 100% 0% no-repeat; }
		
	div#inset2	{ z-index: 1; position: relative; width: 950px; height: 465px; background: url('./../images/bg_inset1.jpg') 0% 0% no-repeat; }
		div#inset2 h1	{ color: #555; margin: 0; padding: 20px 0 0 0; }
		div#inset2 .texte		{ padding: 25px 0 0 175px; width: 400px; height: 200px; }
		div#inset2 .texte p		{ color: #555; }
		div#inset2 .texte a		{ color: #000; font-weight: bold; text-decoration: none; }
		div#inset2 .texte a:hover	{ text-decoration: underline; }
		div#inset2 a.btn_livredor { position: absolute; z-index: 2; bottom: 140px; left: 1px; width: 149px; height: 95px; background: red; background: url('../images/btn_livredor.jpg') 100% 100% no-repeat; }
		div#inset2 a.btn_livredor:hover { height: 197px; background: url('../images/btn_livredor.jpg') 0% 0% no-repeat; }
		div#inset2 a.btn_news { position: absolute; z-index: 2; bottom: 140px; left: 150px; width: 185px; height: 95px; background: blue; background: url('../images/btn_news.jpg') 100% 100% no-repeat; }
		div#inset2 a.btn_news:hover { height: 197px; background: url('../images/btn_news.jpg') 0% 0% no-repeat; }
		div#inset2 a.btn_contact { position: absolute; z-index: 2; bottom: 185px; right: 315px; width: 109px; height: 245px; background: yellow; background: url('../images/btn_contact.jpg') 100% 0% no-repeat; }
		div#inset2 a.btn_contact:hover { width: 287px; background: url('../images/btn_contact.jpg') 0% 0% no-repeat; }
		div#inset2 a.btn_demarrer { position: absolute; z-index: 2; top: 168px; right: 41px; width: 138px; height: 93px; background: url('../images/btn_demarrer.jpg') 0% 0% no-repeat; }
		div#inset2 a.btn_demarrer:hover { background: url('../images/btn_demarrer.jpg') 100% 0% no-repeat; }
		
	div#inset_rub5, div#inset_rub12, div#inset_rub8	 { z-index: 1; position: relative; width: 950px; height: 465px; }
		.blanc 			{ z-index: 10; display: block; position: absolute; width : 100%; height: 100%;
										background: #fff; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5;}
		div#inset_rub5 .newsclosed		{ background: url('./../images/box.jpg') 0 0 no-repeat; width: 100%; height: 100%; }
		div#inset_rub5 .newsclosed a.newsbook 		{ z-index: 100; position: absolute; top: 0; left: 299px; width: 376px; height: 465px; background: url('./../images/news.jpg') 0 0 no-repeat; }
		div#inset_rub5 .newsclosed a.newsbook:hover 	{ background: url('./../images/news.jpg') -376px 0 no-repeat; }
		div#inset_rub5 .newsopen 			{ z-index: 100; position: absolute; top: 0; left: 0; background: url('./../images/news-open.jpg') 0 0 no-repeat; width: 950px; height: 465px; }
		div#inset_rub5 .newsopen 	a.close	{ display: block; position: absolute; top: 20px; right: 20px; }
		div#inset_rub5 .newsopen .page-gauche		{ text-align: left; position: absolute; width: 200px; height: 280px;  top: 130px; left: 70px; }
		div#inset_rub5 .newsopen .page-gauche	h3	{ font-family: calibri, myriad pro, arial; text-align: center; color: #aaa; font-size: 22px; margin: 5px 0 15px 0; }
		div#inset_rub5 .newsopen .page-gauche	a			{ font-family: calibri, myriad pro, arial; font-size: 18px; color: #aaa; text-decoration: none; }
		div#inset_rub5 .newsopen .page-gauche	a:hover		{ text-decoration: underline; }
		div#inset_rub5 .newsopen .page-gauche a.on			{ background: #aaa; color: #333; }
		div#inset_rub5 .newsopen .page-gauche a.on:hover	{ text-decoration: none; }
		
		div#inset_rub5 .newsopen .page-droite		{ text-align: left; position: absolute; width: 270px; height: 280px;  top: 120px; left: 360px }
		div#inset_rub5 .newsopen .page-droite	h2	{ font-family: calibri, myriad pro, arial; text-align: center; color: #aaa; margin: 0 0 20px 0;  }
		div#inset_rub5 .newsopen .page-droite	img	{ margin: 0 0 5px 0; }
		div#inset_rub5 .newsopen .page-droite p.fr a.lien_pagination_suiv	{ display: block; position: absolute; top: 267px; left: 245px; }
		div#inset_rub5 .newsopen .page-droite p.fr a.lien_pagination_prec1	{ display: none; position: absolute; top: 285px; right: 200px; }
		div#inset_rub5 .newsopen .page-droite p.fr a.lien_pagination_prec2	{ display: block; position: absolute; top: 285px; right: 200px; }
		div#inset_rub5 .newsopen .page-droite p.fr a.lien_pagination_suiv-en	{ display: none; }
		div#inset_rub5 .newsopen .page-droite p.fr a.lien_pagination_prec1-en	{ display: none; }
		div#inset_rub5 .newsopen .page-droite p.fr a.lien_pagination_prec2-en	{ display: none; }
		div#inset_rub5 .newsopen .page-droite p.en a.lien_pagination_suiv	{ display: none; }
		div#inset_rub5 .newsopen .page-droite p.en a.lien_pagination_prec1	{ display: none; }
		div#inset_rub5 .newsopen .page-droite p.en a.lien_pagination_prec2	{ display: none; }
		div#inset_rub5 .newsopen .page-droite p.en a.lien_pagination_suiv-en	{ display: block; position: absolute; top: 267px; left: 245px; }
		div#inset_rub5 .newsopen .page-droite p.en a.lien_pagination_prec1-en	{ display: none; position: absolute; top: 285px; right: 200px; }
		div#inset_rub5 .newsopen .page-droite p.en a.lien_pagination_prec2-en	{ display: block; position: absolute; top: 285px; right: 200px; }
		div#inset_rub5 .newsopen .page-droite a.actu-suivante	{ display: block; position: absolute; top: 267px; left: 245px; }
		div#inset_rub5 .newsopen .page-droite a.actu-precedente	{ display: block; position: absolute; top: 285px; right: 200px; }
		div#inset_rub5 .newsopen .page-droite	p	{ color: #999999; margin: 0; padding: 0; }
		div#inset_rub5 .newsopen .page-droite .image	{ margin-left: auto; margin-right: auto; }
		div#inset_rub5 .newsopen .page-droite .image a	{ max-width: 240px; margin: 0 auto; display: block; position: relative; color: #333; font-size: 10; }
		div#inset_rub5 .newsopen .page-droite .image a:hover		{ text-decoration: none; }
		div#inset_rub5 .newsopen .page-droite .image a .agrandir 		{ display: none; position: absolute; float: center; left: 70px; top: 45%; background: #fff; padding: 2px 5px; }
		div#inset_rub5 .newsopen .page-droite .image a:hover .agrandir	{ display: block; }
		div#inset_rub5 .box	{ width: 100%; height: 100%; z-index: 1000; display: block; position: absolute; top: 0px; background: url('./../images/box.jpg') 0 0; }
		div#inset_rub5 .box img	{ padding: 20px 0 0 0; }
		div#inset_rub5 .box a.close	{ display: block; position: absolute; right: 220px; }

		div#inset_rub12 .livre 			{ z-index: 100; position: absolute; top: 0; left: 0; background: url('./../images/livre.jpg') 0 0; width: 950px; height: 465px; }
		div#inset_rub12 .livre 	a.close	{ display: block; position: absolute; top: 20px; right: 20px; }
		div#inset_rub12 .livre 	.page-gauche		{ text-align: left; position: absolute; width: 200px; height: 280px;  top: 130px; left: 70px; }
		div#inset_rub12 .livre 	.page-gauche	h3	{ font-family: calibri, myriad pro, arial; text-align: center; color: #aaa; font-size: 22px; margin: 5px 0 15px 0; }
		div#inset_rub12 .livre 	.page-gauche	a	{ font-family: calibri, myriad pro, arial; font-size: 18px; color: #aaa; text-decoration: none; }
		div#inset_rub12 .livre 	.page-gauche	a:hover	{ text-decoration: underline; }
		div#inset_rub12 .livre 	.page-gauche  h4 { font-family: calibri, myriad pro, arial;  margin: 0; color: #aaa; }
		
		div#inset_rub12 .livre 	.page-droite		{ text-align: left; position: absolute; width: 250px; height: 220px;  top: 120px; left: 320px; padding: 20px; overflow: auto; }
		div#inset_rub12 .livre 	.page-droite	h2	{ font-family: calibri, myriad pro, arial; text-align: center; color: #aaa; margin: 0; font-weight: bold;  }
		div#inset_rub12 .livre 	.page-droite	img	{ margin: 0 0 5px 0; }
		div#inset_rub12 .livre 	p.fr a.lien_pagination_suiv	{ display: block; position: absolute; top: 390px; left: 580px; }
		div#inset_rub12 .livre 	p.fr a.lien_pagination_prec1	{ display: block; position: absolute; top: 405px; left: 320px; }
		div#inset_rub12 .livre 	p.fr a.lien_pagination_prec2	{ display: none; position: absolute; top: 405px; left: 320px; }
		div#inset_rub12 .livre 	p.fr a.lien_pagination_suiv-en	{ display: none; }
		div#inset_rub12 .livre 	p.fr a.lien_pagination_prec1-en	{ display: none; }
		div#inset_rub12 .livre 	p.fr a.lien_pagination_prec2-en	{ display: none; }
		div#inset_rub12 .livre 	p.en a.lien_pagination_suiv	{ display: none; }
		div#inset_rub12 .livre 	p.en a.lien_pagination_prec1	{ display: none; }
		div#inset_rub12 .livre 	p.en a.lien_pagination_prec2	{ display: none; }
		div#inset_rub12 .livre 	p.en a.lien_pagination_suiv-en	{ display: block; position: absolute; top: 390px; left: 580px; }
		div#inset_rub12 .livre 	p.en a.lien_pagination_prec1-en	{ display: block; position: absolute; top: 405px; left: 320px; }
		div#inset_rub12 .livre 	p.en a.lien_pagination_prec2-en	{ display: none; position: absolute; top: 405px; left: 320px; }
		div#inset_rub12 .livre 	.page-droite	p	{ color: #999999; margin: 0; padding: 0; }
		div#inset_rub12 .livre 	.page-droite	p.auteur	{ font-style: italic; margin: 0 0 20px 0; }
		
		div#inset_rub8 .contact	 { z-index: 100; position: absolute; top: 0; left: 0; background: url('./../images/contact.jpg') 0 0; width: 950px; height: 465px; }
		div#inset_rub8 .contact	a.close	{ display: block; position: absolute; top: 20px; right: 20px; }
		div#inset_rub8 .contact 	.page		{ text-align: left; position: absolute; width: 200px; height: 280px;  top: 130px; left: 370px; }
		div#inset_rub8 .contact 	.page	h2	{ font-family: calibri, myriad pro, arial; text-align: center; color: #aaa; margin: 0; font-weight: bold;  }
		div#inset_rub8 .contact 	.page	a	{ font-family: calibri, myriad pro, arial; font-size: 18px; color: #aaa; text-decoration: none; }
		div#inset_rub8 .contact 	.page	a:hover	{ text-decoration: underline; }
		div#inset_rub8 .contact 	.page .formulaire_spip h4 { font-family: calibri, myriad pro, arial;  margin: 0; color: #aaa; }
		div#inset_rub8 .contact	.page.formulaire_spip textarea 				{ border: 1px inset; width: 20px; }
		
	div#inset_salle1 		{ z-index: 1; position: relative; width: 950px; height: 614px; background: url('./../images/bg_inset_salle1.jpg') 0% 0% no-repeat; }
	div#inset_salle1 .tab1 a		{ float: left; position: absolute; display: block; top: 0; left: 60px; width: 240px; overflow: hidden; overflow-x: hidden; overflow-y: hidden; clear: both; }
	div#inset_salle1 .tab1 a:hover { float: right; clear: both; }
	div#inset_salle1 .tab2		{ position: absolute; display: block; top: 60px; left: 400px; width: 236px; overflow: hidden; overflow-x: hidden; overflow-y: hidden; }
	div#inset_salle1 .tab2 :hover { float: right; }
	div#inset_salle1 .tab3		{ position: absolute; display: block; top: 60px; left: 660px; width: 240px; overflow: hidden; overflow-x: hidden; overflow-y: hidden; }
	div#inset_salle1 .tab3 :hover { float: right; }
	
	
	div#inset_salle2 { z-index: 1; position: relative; width: 950px; height: 614px; background: url('./../images/bg_inset_salle2.jpg') 0% 0% no-repeat; }
	
	
	div#inset_salle3 { z-index: 1; position: relative; background: url('./../images/bg_inset_salle3.jpg') 0% 0% repeat-y; }
	div#inset_salle3 a.close	{ display: block; position: absolute; top: 20px; right: 20px; }
	div#inset_salle3 #blanc	{ position: absolute; display: block; top: 0; left: 0; background: #fff; width: 950px; height: 100%; z-index: 100; filter : alpha(opacity=50); -moz-opacity : 0.5; opacity : 0.5; }
	div#inset_salle3 #sous_blanc	{ position: absolute; display: block; top: 0; left: 0; filter : alpha(opacity=1); -moz-opacity : 1; opacity : 1; z-index: 200; }
	div#inset_salle3 #haut	{ position: relative; width: 950px; height: 535px;/*615-100-30*/ padding: 100px 0 0 0; }
	div#inset_salle3 #haut .tab1			{ position: relative; float: left; margin: 0 0 0 53px; top: 50px; width: 184px; padding: 0 0 87px 0; background: url('./../images/tab_bas.png') 0% 100% no-repeat; }
	div#inset_salle3 #haut .tab2			{ position: relative; float: left; margin: 0 0 0 35px; top: 50px; width: 184px; padding: 0 0 87px 0; background: url('./../images/tab_bas.png') 0% 100% no-repeat; }
	div#inset_salle3 #haut .tab3			{ position: relative; float: left; margin: 0 0 0 35px; top: 50px; width: 184px; padding: 0 0 87px 0; background: url('./../images/tab_bas.png') 0% 100% no-repeat; }
	div#inset_salle3 #haut .tab4			{ position: relative;  float: left; margin: 0 0 0 35px; top: 50px; width: 184px; padding: 0 0 87px 0; background: url('./../images/tab_bas.png') 0% 100% no-repeat; }
	div#inset_salle3 #haut .grandtab1			{ position: relative; float: left; margin: -25px 0 0 125px; top: 50px; width: 122px; padding: 0 0 56px 0; background: url('./../images/tab_bas2.png') center 100% no-repeat; }
	div#inset_salle3 #haut .grandtab2			{ position: relative; float: left; margin: -25px 0 0 70px; top: 50px; width: 122px; padding: 0 0 56px 0; background: url('./../images/tab_bas2.png') center 100% no-repeat; }
	div#inset_salle3 #haut .grandtab3			{ position: relative; float: left; margin: -25px 0 0 70px; top: 50px; width: 122px; padding: 0 0 56px 0; background: url('./../images/tab_bas2.png') center 100% no-repeat; }
	div#inset_salle3 #haut .grandtab4			{ position: relative; float: left; margin: -25px 0 0 70px; top: 50px; width: 122px; padding: 0 0 56px 0; background: url('./../images/tab_bas2.png') center 100% no-repeat; }
	div#inset_salle3 #haut a.applique			{ z-index: 10; position: absolute; display: block; width: 185px; top: -90px; height: 277px; background: url('./../images/applique.png') 0 0 no-repeat; }
	div#inset_salle3 #haut a.applique:hover	{ background: url('./../images/applique.png') 100% 0 no-repeat; }
	div#inset_salle3 #haut a.applique2		{ z-index: 10; position: absolute; display: block; width: 122px; top: -90px; height: 370px; background: url('./../images/applique2.png') 0 0 no-repeat; }
	div#inset_salle3 #haut a.applique2:hover	{ background: url('./../images/applique2.png') 100% 0 no-repeat; }
	div#inset_salle3 #haut .reflet		{  }
	div#inset_salle3 #deco				{ position: relative; width: 950px; height: 535px;/*615-100-30*/ padding: 100px 0 0 0; background: url('./../images/deco-interieur.jpg') center 10px no-repeat; }
	div#inset_salle3 #deco h2				{ text-align: center; font-family: Georgia,Times,serif; margin: 0 0 20px 0; padding-top: 0px; font-size: 22px; color: #333; font-weight: bold; }
	div#inset_salle3 #deco p				{ text-align: left; width: 500px; margin: 5px auto; }
	div#inset_salle3 #deco ul				{ width: 725px; min-height: 125px; margin: 40px auto 0; padding: 0; }
	div#inset_salle3 #deco ul li			{ list-style: none; float: left; }
	div#inset_salle3 #deco ul li a			{ margin: 0 5px; }
	div#inset_salle3 #box				{ position: relative; width: 950px; height: 635px; }
	div#inset_salle3 #box .tableau img		{ position: absolute; display: block; top: 100px; right: 500px; }
	div#inset_salle3 #box .infotableau	{ position: absolute; display: block; width: 300px; height: 300px; top: 100px; right: 150px; text-align: left; }
	div#inset_salle3 #box .infotableau h2	{ text-align: center; font-family: arial; margin: 0 0 10px 0; font-size: 22px; color: #222; font-weight: bold; }
	div#inset_salle3 #box .infotableau p	{ margin: 5px 0; font-family: arial; font-size: 14px; color: #333; }
	div#inset_salle3 #bas	{ position: absolute; display: block; bottom: 0; background: url('./../images/bg_inset_salle_bas.jpg') 0% 0% repeat-y; width: 950px; height: 125px; }
	
		
		
		a.btn_next { z-index: 10; position: absolute; display: block; right: 20px; top: 493px; width: 34px; height: 25px; background: url('../images/fleche_next.gif') 0 0 no-repeat; }
		a.btn_next:hover { background: url('../images/fleche_next.gif;') 100% 0 no-repeat;  }
		 
		a.btn_prev { z-index: 10; position: absolute; display: block; left: 20px; top: 493px; width: 34px; height: 25px; background: url('../images/fleche_prev.gif') 0 0 no-repeat; }
		a.btn_prev:hover { background: url('../images/fleche_prev.gif;') 100% 0 no-repeat;  }
		
	div#footer		{ width: 950px; height: 75px; background: url('./../images/bg_footer.jpg') 0% 0% no-repeat; clear: both; }
		div#footer p		{ margin: 0; padding: 20px 0 0 0; color: #999; text-align: center; }
		div#footer p a	{ color: #ccc; text-decoration: none; }
		div#footer p a:hover	{ color: #ccc; text-decoration: underline; }
		
	#popupContainer	{ display: none; }