/*------------------------------------------------------------------------------------
=  GLOBAL STRUCTURE SITE                                                             */
	
	html {/*overflow: hidden*/}
	body {
		font-size:62,5%;
		font-family:  'Trebuchet MS', Vernana, Arial, Trebuchet MS, Geneva, Helvetica, sans-serif;
		background: #8ab605 url(/global/medias/bgBody.gif) repeat-x 0 0;
		}
	ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,
	blockquote,fieldset,input,img,legend {margin: 0; padding: 0;}
	h1,h2,h3,h4,h5,h6 {font-size: 1em; font-weight: normal; margin: 0; padding: 0;}
	img { display: block; margin:0; padding:0}
	em {font-style: normal}
	ul, ol, li {list-style: none}
	span.hide {display: none}
	.break {clear: both}
	hr {height: 1px; background-color: #0377C1; border:0;}
	button {border:0; cursor: pointer;}
	p {line-height: 1.3em; color: #000; /*color: #9AA1A6*/}
	a { text-decoration: none}
	a:hover { text-decoration: underline}

/*-----------------------------------------------------------------------------------
= GLOBAL STRUCTURE                                                                  */

	#habillage {
		position: relative;
		background: transparent url(/global/medias/bgHabillage.gif) no-repeat 25% 75px;
		}
	#page {
		width: 780px; margin: 0 auto;
		background: transparent url(/global/medias/bgPage.gif) repeat-y 0 0;
		}
	#header, #mainContent {width: 780px}
	body#home #header {height: 332px}
	body#pageGenerique #header {
		height: 260px;
		background: transparent url(/global/medias/bandeauPageGene.jpg) no-repeat 0 57px;
		}
	body#home #mainContent {
		background: transparent url(/global/medias/bgMain.gif) no-repeat 157px 0;
		}
	#colA, #colB {float: left}
	#colA {width:158px; padding: 0 0 75px 0;}
	#colB {width: 562px}
	#colB a {color:#E46F43; text-decoration: underline}
	body#home #colB {
		padding: 0 25px 20px 25px;
		background: transparent url(/global/medias/bgColBhome.gif) repeat-y 0 0;
		}
	body#pageGenerique #colB {
		padding: 15px 25px 20px 25px;
		background: transparent url(/global/medias/bgMainPage.gif) no-repeat top left!important;
		}
		
/*-----------------------------------------------------------------------------------
=  HEADER                                                                           */
		
	body#home #header h1,
	body#pageGenerique #header h1 ,
	body#home #header #FlashHome {width: 780px}
	
	body#home #header h1,
	body#pageGenerique #header h1 {
		text-indent: -100em; height: 57px;
		background: transparent url(/global/medias/h1Home.gif) no-repeat 0 0;
		}
		
	#FlashHome {height: 275px}
	#FlashHome img { display: block; margin:0; padding:0;}
	
	/*= navheader page de contenu ---------------------------------------- */
	
	body#pageGenerique #navHeader {width: 158px; padding: 10px 0 0 0}
	body#pageGenerique #navHeader a.returnHome {
		display: block; padding: 0 0 0 35px;
		color:#fff; font-size: 0.8em; text-decoration: underline;
		background: transparent url(/global/medias/chevronWhite.gif) no-repeat 15px 3px;
		}

	body#pageGenerique #navHeader #navTheatreJardin {width: 158px; height: 145px}
	body#pageGenerique #navHeader #navTheatreJardin li {}
	body#pageGenerique #navHeader #navTheatreJardin li a {
		display: block; color:#fff;
		width: 158px; height: 72px;
		text-indent: -100em;
		background: transparent url(/global/medias/btNavHeader.gif) no-repeat 0 0;
		}
	body#pageGenerique #navHeader #navTheatreJardin li a.navTheatre {background-position: 0 0}
	body#pageGenerique #navHeader #navTheatreJardin li a.navJardin {background-position: 0 -72px}
	
/*-----------------------------------------------------------------------------------
= COLONE A                                                                       */

	/*= menuGlobal ---------------------------------------- */
	.menuGlobal {
		margin-bottom: 5px;
		background: transparent url(/global/medias/bgMg.jpg) no-repeat 0 0;
		}
	.menuGlobal li {margin: 0 0 5px 0}
	.menuGlobal li a {
		display: block; width: 125px;
		padding: 2px 0 2px 30px; 
		font-size: 0.8em; color: #000;
		background: transparent url(/global/medias/itemMG.gif) no-repeat 0 -25px;
		}
	.menuGlobal li a:hover,
	.menuGlobal li a:active,
	.menuGlobal li a:focus {
		color:#fff; 
		text-decoration: none;
		background-position: 0 0;
		}
	.menuGlobal li a.currentPage {font-weight: bold; color:#000}

	/*= menuAnnexe ---------------------------------------- */
	.menuGlobal li ul.menuAnnexe {width: 140px;padding: 5px 0 0 15px}
	.menuGlobal li ul.menuAnnexe li a {
		width: 105px; color:#72930F!important;
		background: transparent url(/global/medias/itemMGsousMenu.gif) no-repeat 0 0!important;
		}
		
	/*= recherche ---------------------------------------- */
	form#recherche {padding-bottom: 120px}
	form#recherche p {
		width: 125px; height: 30px;
		padding: 0 0 0 30px;
		background: transparent url(/global/medias/bgRechColA.gif) no-repeat 0 0;
		}
	form#recherche p input { width: 92px;border: 0}
	form#recherche button.ok {
		text-indent: -10em;
		width: 16px; height: 18px;
		margin: 4px 0 0 0;
		background: transparent url(/global/medias/buttonRechColA.gif) no-repeat 0 2px;
		}
	
	/*= logos ---------------------------------------- */
	#logosColA {position: absolute; bottom: 0; padding: 0 0 20px 0}
	
/* ================================================================================ */
/* = MAINCONTENT = */
/* ================================================================================ */

	/*-------------------------------------------------------*/
	/*= colB / HOME ---------------------------------------- */
	
	body#home #colB #uneHome,
	body#home #colB #agendaHome {float: left}
	
	body#home #colB p {font-size: 0.8em}
	body#home #colB #agendaHome img {float: left; padding: 0 10px 0 0}
	body#home #colB a {
		display: block; padding: 3px 15px 0 0;
		font-size: 0.7em; color:#000;
		text-align: right; text-decoration: underline;
		background: transparent url(/global/medias/chevronsLink.gif) no-repeat right
		}
	/*= Une / Home ---------------------------------------- */
	body#home #colB #uneHome {width: 300px; padding: 5px 10px 10px 0}
	body#home #colB #uneHome h1 {/*height: 40px;*/padding: 0 0 5px 50px}
	body#home #colB #uneHome p img { padding: 3px 0 15px 38px}
	
	/* Ajout Stéphane */
	body#home #colB #uneHome p ins { text-decoration: none}
	/* Fin Ajout */
		
	/*= editoContenu ---------------------------------------- */
	body#home #colB .editoContenu p {padding: 5px 0 0 0}
	body#home #colB .editoContenu h2 { padding: 0.2em 0 0.2em 0}
	body#home #colB .editoContenu ul {padding: 5px 0 0 0}
	body#home #colB .editoContenu, ins {text-decoration: none}
	body#home #colB .editoContenu li {
		list-style:disc; margin: 0 0 0 25px;
		font-size: 0.8em; color:#606060;
		}
	
	/*= Agenda saison / Home ---------------------------------------- */
	body#home #colB #agendaHome {
		width: 240px; padding: 20px 0 10px 10px;
		border-left: 1px #F3F3F3 solid;
		}
	body#home #colB #agendaHome h1 {font-size: 1.3em; color:#DE6743}
	body#home #colB .agendaHomeContent { margin: 5px 0 5px 0}
	body#home #colB .agendaHomeContent h2,
	body#home #colB .agendaHomeContent h3 {padding: 0 0 5px 0}
	body#home #colB .agendaHomeContent h2 {
		color:#787A82; font-size: 0.8em;
		font-weight: bold;
		}
	body#home #colB .agendaHomeContent h3 {color:#9AA1A6; font-size: 0.8em}

/* ================================================================================ */
/* = COLB / PAGES DE CONTENUS = */
/* ================================================================================ */
		
	body#pageGenerique #colB {}
	body#pageGenerique #colB h1 {padding: 0 0 10px 45px; font-size: 1.5em;}
	body#pageGenerique #colB h2 {font-size:0.9em; color:#DE6743; font-weight: bold}
	body#pageGenerique #colB p {font-size: 0.8em}
	body#pageGenerique #colB p img {float: left; padding: 0 10px 10px 0}
		
	/*= Découvrir la boutique / RÉFÉRENCES ---------------------------------------- */
	
	body.boutiqueContent {}
	body.boutiqueContent #colB #references {padding: 0 0 10px 0}
	body.boutiqueContent #colB #references h2 {
		color:#8AB605;
		font-size: 1.1em; padding: 0 0 2px 5px;
		border-bottom: 1px #ccc solid
		}	
	body.boutiqueContent #colB #references #refContent {
		padding: 5px;
		background-color:#F3FAE2;
		}
	body.boutiqueContent #colB #references p {}
	body.boutiqueContent #colB #references p span {
		color:#000; font-weight: bold;
		padding: 0 5px 0 0;
		}
	
	body.boutiqueContent #colB #produits .descriptifProduit {
		float: left; width: 270px; 
		padding: 0 10px 0 0;
		}
	body.boutiqueContent #colB #produits .descriptifProduit h2 {
		color:#666; font-size: 1em;
		padding: 0 0 3px 0; margin: 0 0 10px 0;
		border-bottom: 1px #ccc solid;
		}
	
	/*= listes ---------------------------------------- */
	body#pageGenerique #colB ul {padding: 0 0 10px 0;}
	body#pageGenerique #colB ul li {
		list-style:disc; margin: 0 0 0 25px;
		font-size: 0.8em; color:#000; /*color:#606060;*/}
	body#pageGenerique #colB ul li a {color:#000;}
	
/* ================================================================================ */
/* = FOOTER = */
/* ================================================================================ */ 
	#footer { 
		position: absolute; 
		bottom: 0; text-align: center;
		/*modification stéphane*/
		width: 622px; margin: 0 0 -20px 158px;
		/*width: 622px; margin: 0 0 0 158px;*/
		/*fin modification*/
		background-color: #999;
		}
	#footer li { display: inline}
	#footer li a {
		padding: 0 0 0 10px;
		font-size: 0.7em; color:#fff;
		text-decoration: none;
		background: transparent url(/global/medias/itemFooterWhite.gif) no-repeat 0 0;
		}
	#footer li a:hover { color:#000}