Team:Grenoble-EMSE-LSU/Design/Content

/********** Background **********/

body div[id="home"]
{
	background: #fff0e6;
}

body div[id="proj"]
{
	background: #ffe6e6;
}

body div[id="doc"]
{
	background: #e6f5ff;
}

body div[id="hp"]
{
	background: #e6ffe6;
}

body div[id="team"]
{
	background: #f9e6ff;
}

/********************/


/********** Section **********/

body div.back
{
	width: 980px;
	padding: 0;
	margin: auto;
        position: absolute;
        top: 335px;
        border-radius: 5px;
/*border: 1px solid blue;*/
}

body div.back ul.texte
{
    width: 670px;
    padding: 0;
    margin: auto;
    margin-top: 10px;
}

/********************/

/********** Cadres et bordures **********/

body div.back ul.texte li
{
	min-height: 200px;
	padding: 20px;
	margin: 0;
	margin-bottom: 10px;
	list-style: none;
	text-align: justify;
	border: solid 1px;
	border-radius: 5px;
	background-color: white;
}

body div[id="home"] ul.texte li
{
	border-color: #ff6600;
}

body div[id="proj"] ul.texte li
{
	border-color: #ff0000;
}

body div[id="doc"] ul.texte li
{
	border-color: #0099ff;
}

body div[id="hp"] ul.texte li
{
	border-color: #00cc00;
}

body div[id="team"] ul.texte li
{
	border-color: #9900cc;
}

/********************/


/********** Police **********/

body div.back ul.texte li p, body div.back ul.texte li h1, body div.back ul.texte li h2
{
	padding: 0;
	margin: 0;
	font: normal 14px Palatino, Palatino Linotype, Georgia, Times, Times New Roman, serif;
}

/***** p et a *****/
body div.back ul.texte li p strong, body div.back ul.texte li a
	{
	font-weight: bold;
}

body div.back ul.texte li p em
	{
	font-style: italic;
}

body div.back ul.texte li p[id="legend"]
{
	text-align: center;
}

body div.back ul.texte li a:hover
{
	text-decoration: underline;
}
/********************/

/***** h1 et h2 *****/
body div.back ul.texte li h1
{
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	font-size: 22px;
	text-transform: uppercase;
}

	body div.back ul.texte li[id="titre"] h1[id="talke"]
	{
		text-transform: none;
		font-variant: small-caps;
	}

body div.back ul.texte li h2
{
	padding: 0;
	margin: 0;
	margin-bottom: 15px;
	font-size: 20px;
	font-variant: small-caps;
}

	body div[id="doc"] ul.texte li h2
	{
		margin-top: 15px;
	}

	body div[id="doc"] ul.texte li h2.first
	{
		margin-top: 0px;
	}
/********************/

/***** Couleurs *****/
body div[id="home"] ul.texte li h1, body div[id="home"] ul.texte li h2, body div[id="home"] ul.texte li a
{
	color: #ff6600;
}

body div[id="proj"] ul.texte li h1, body div[id="proj"] ul.texte li h2, body div[id="proj"] ul.texte li a
{
	color: #ff0000;
}

body div[id="doc"] ul.texte li h1, body div[id="doc"] ul.texte li h2, body div[id="doc"] ul.texte li a
{
	color: #0099ff;
}

body div[id="hp"] ul.texte li h1, body div[id="hp"] ul.texte li h2, body div[id="hp"] ul.texte li a
{
	color: #00cc00;
}

body div[id="team"] ul.texte li h1, body div[id="team"] ul.texte li h2, body div[id="team"] ul.texte li a
{
	color: #9900cc;
}
/********************/

/********************/