/*GLOBAL.CSS : LEJEUNEMODERNE.COM*/

html, body    { border: 0; padding: 0; margin: 0; font-size: 12px; color: #c7c7c7; font-family: arial, helvetica, sans-serif; background: url(../images/fond-repete.jpg) repeat-x #424242; }

/*Eléments globaux*/
img { border: 0; }
.floatleft { position: relative; float: left; }
.clearboth { clear: both; }

/*balises Hn*/
H1 { display: inline; font-size: 12px; text-transform: none; color: #0096ff; font-weight: normal; }

/*Codes couleurs*/
.texteBlanc { color: #FFFFFF; }

/*Fond dégradé*/
#degradePage { position: absolute; left: 50%; margin-left: -606px; width: 1212px; height: 1240px; background: url(../images/image-fond-degrade.jpg) no-repeat ; z-index: 0;}


/*Elements de la tablette*/
#tablette	{ position: relative; float: left; width: 710px; left: 50%; margin: 47px 0 0 -355px; padding: 0; background: url(../images/fond-repete-centre-tablette.jpg) repeat-y; z-index: 1;}
#tabletteHaut	{ position: relative; float: left; width: 710px; height: 101px; z-index: 1; }
#centreTablette	{ display: block; position: relative; float: left; width: 710px; background: url(../images/fond-centre-tablette.jpg) no-repeat 0 0; z-index: 1; }
#arrondiTabletteBas	{ position: relative; float: left; width: 710px; height: 101px; left: 50%; margin: 0 0 0 -355px; z-index: 1; }

/*Contenu de la tablette*/
#logo	{ position: relative; float: left; width: 331px; left: 50%; margin: -77px 0 0 -165px; z-index: 1; }
#slogan { position: relative; float: left; width: 590px; height: 17px; left: 50%; margin-left: -295px; padding: 28px 0 0 0; z-index: 1; }

	/*Recherche Oshooa*/
	#ensembleRecherche { position: relative; float: left; width: 603px; left: 50%; margin-left: -301px; padding: 5px 0 0; }
	#ensembleFormulaire { position: relative; float: left; width: 520px; height: 25px; padding: 0 0 0 10px; }
		#ensembleFormulaire input { position: relative; float: left; width: 382px; height: 15px; margin: 0; padding: 5px 0 0 5px; border: 0; background: url(../images/centre-formulaire.gif) repeat-x #5a5a5a; color: #d7d7d7; font-size: 10px; }
	#boutonRechercher { position: relative; float: left; padding: 0 0 0 9px; }


.intertitre { position: relative; float: left; width: 700px; height: 17px; left: 0; margin: 30px 0 17px 5px; padding: 3px 0 0 0; background: url(../images/fond-intertitre.gif) no-repeat; font-size: 12px; text-transform: none; color: #0096ff; text-align: center; z-index: 1; }

#containerCases { position: relative; float: left; width: 675px; height: 231px; left: 0; top: 0; margin: 0 0 0 5px; padding: 0 0 0 25px; background: url(../images/fond-cases.jpg) no-repeat top left; z-index: 1; }
	.ensembleCase { position: relative; float: left; width: 81px; height: 100px; padding: 0 0 0 23px; margin: 0 0 41px 0; text-align: center; color: #dadada; z-index: 1; }
		.ensembleCase a:link { font-size: 12px; color: #dadada; text-decoration: none; }
		.ensembleCase a:hover { font-size: 12px; color: #0096ff; text-decoration: none; }
		.ensembleCase a:visited { font-size: 12px; color: #dadada; text-decoration: none; }
		.ensembleCase a:hover { font-size: 12px; color: #0096ff; text-decoration: none; }

#containerTshirts { position: relative; float: left; width: 700px; left: 0; top: 0; margin: 0 0 0 5px; text-align: center; z-index: 1; }
		#containerTshirts a:link { font-size: 12px; color: #dadada; text-decoration: none; }
		#containerTshirts a:hover { font-size: 12px; color: #0096ff; text-decoration: none; }
		#containerTshirts a:visited { font-size: 12px; color: #dadada; text-decoration: none; }
		#containerTshirts a:hover { font-size: 12px; color: #0096ff; text-decoration: none; }

#containerSoirees { position: relative; float: left; width: 700px; left: 0; top: 0; margin: 0 0 0 5px; text-align: center; z-index: 1; }

/*Footer*/
#footer { position: relative; float: left; width: 703px; left: 50%; margin: 0 0 0 -351px; padding: 20px 0 20px 0; background: url(../images/footer.gif) no-repeat top left; text-align: center; font-size: 11px; color: #c7c7c7; z-index: 1; }
		#footer a:link { font-size: 11px; color: #c7c7c7; text-decoration: none; }
		#footer a:hover { font-size: 11px; color: #0096ff; text-decoration: none; }
		#footer a:visited { font-size: 11px; color: #c7c7c7; text-decoration: none; }
		#footer a:hover { font-size: 11px; color: #0096ff; text-decoration: none; }