/* GENERAL */

body
{
 	font-family: "Trebuchet MS", Helvetica, Arial, sans-serif ;
  font-size: 1em;
	background-color:#FFF;
	margin: 0 auto 0;
  padding: 0;
	width:540px;
  color: #777;
}


h1
{
    font-family: sans-serif;
    font-size: 23px;
    color: #555;
}


h2
{
    color: #555;
    font-size: 20px;
}


p
{
    line-height: 20px;
    color: #777;
    text-align: justify;
}

img
{
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  opacity: 0.3;
}

a
{
  text-decoration: none;
  line-height: 20px;
  color: #777;
}

/* SECTION HEADER */
.header
{
  width:540px;
  height: 150px;
}

.header h1
{
  text-transform: uppercase;
  font-weight: bold;
  text-align: center;
  font-size: 45px;
  color: #555;
  padding-top: 10px;
}

.header p
{
  text-align: center;
  font-size: 17px;
  color: #555;
}

.header p a
{
  color: #777;
}

.header p a:hover
{
  text-transform: uppercase;
  font-weight: bold;
}


/* SECTION MENU */
.nav1
{
  width:540px;
  list-style: none;
  margin-top: 40px;
  padding-bottom: 10px;
  border-bottom: 1px solid #6cf;
}

.nav1 ul li
{
 	display: inline-block;
  width: 120px;
  margin-right: 40px;
  text-transform: uppercase;
  font-weight: bold;
}
.nav1 ul li a
{
  text-decoration: none;
	border-top:3px solid #6CF;
  color: #777;
}

.nav1 ul li a:hover
{
  text-transform: uppercase;
  font-weight: bold;
	border-top:4px solid #66C;
}


.nav2
{
  width:540px;
  margin-top: 20px;
  display: inline-block;
  float: left;
  padding-bottom: 10px;
  border-bottom: 1px solid #6cf;
}

.nav2 ul li
{
 	display: inline-block;
  width: 540px;
  margin-right: 80px;
  margin-bottom: 5px;
}

.nav2 ul li a
{
  text-decoration: none;
  color: #777;
}

.nav2 ul li a:hover
{
	text-decoration: underline;
}


/* SECTION ACCUEIL */
#résumé
{
	width:540px;
	float:left;
/*  border-top:1px solid #6cf;*/
	padding:10px 0 0;
	margin:30px 0 0;
  border-bottom: 1px solid #6cf;
}

#intro
{
	width:540px;
	float:left;
/*  border-top:1px solid #6cf;*/
	padding:10px 0 0;
	margin:30px 0 0;
  border-bottom: 1px solid #6cf;
}

#partie1
{
	width:540px;
	float:left;
/*  border-top:1px solid #6cf;*/
	padding:10px 0 0;
	margin:30px 0 0;
  border-bottom: 1px solid #6cf;
}

#partie2
{
	width:540px;
	float:left;
/*  border-top:1px solid #6cf;*/
	padding:10px 0 0;
	margin:30px 0 0;
  border-bottom: 1px solid #6cf;
}

#conclusion
{
	width:540px;
	float:left;
/*  border-top:1px solid #6cf;*/
	padding:10px 0 0;
	margin:30px 0 0;
  border-bottom: 1px solid #6cf;
}


/*SECTION ANNEXES */
#time
{
	width: 540px;
	float: left;
	padding: 10px 0 0;
	margin: 20px 0 0;
  border-bottom: 1px solid #6cf;
}

#space
{
	width: 540px;
	float: left;
	padding: 10px 0 0;
	margin: 20px 0 0;
  border-bottom: 1px solid #6cf;
}

#com
{
	width: 540px;
	float: left;
	padding: 10px 0 0;
	margin: 20px 0 0;
  border-bottom: 1px solid #6cf;
}

#fract
{
	width: 540px;
	float: left;
	padding: 10px 0 0;
	margin: 20px 0 0;
  border-bottom: 1px solid #6cf;
}

#domination
{
	width: 540px;
	float: left;
	padding: 10px 0 0;
	margin: 20px 0 0;
  border-bottom: 1px solid #6cf;
}

#superego
{
	width: 540px;
	float: left;
	padding: 10px 0 0;
	margin: 20px 0 0;
  border-bottom: 1px solid #6cf;
}

#pathos
{
	width: 540px;
	float: left;
	padding: 10px 0 0;
	margin: 20px 0 0;
  border-bottom: 1px solid #6cf;
}

#techno
{
	width: 540px;
	float: left;
	padding: 10px 0 0;
	margin: 20px 0 0;
  border-bottom: 1px solid #6cf;
}

#final
{
	width: 540px;
	float: left;
	padding: 10px 0 0;
	margin: 20px 0 0;
  border-bottom: 1px solid #6cf;
}


/*SECTION CONTACT */
#contact
{
	width:540px;
	float: left;
	padding:10px 0 0;
	margin:20px 0 0;
}

.mail a:hover
{
  text-decoration: underline;
}


/* FOOTER */

.footer
{
	width:540px;
	float:left;
  height: 169px;
}