@import url(normalize.css);
@import url(http://fonts.googleapis.com/css?family=Bitter:400,700,400italic|Roboto+Slab);

/* Général */

	ul{
		list-style: none;
	}


	li{
		margin-top: 10px;
		margin-bottom: 10px;
		font-size: 14pt;
		line-height: 140%
	}
	
	a{
		text-decoration: none;
		color: white;
		border-bottom: dotted 1px white;
		font-family: 'Roboto Slab', serif;
	}

	a:visited{
		color: white;
		border-bottom: dotted 1px white;
		font-family: 'Roboto Slab', serif;
	}

	body{
		background: white;
	}

	main{
		/*width: 900px;*/
		margin: 0 auto;
		background: white;
	}

	h1, h2{
		font-family: "Bitter", serif;
	}

	p, li, figcaption{
		line-height: 160%;
		font-size: 12pt;
		font-family: 'Roboto Slab', serif;
	}

	.contenu{
		padding-left: 30px;
		padding-right: 30px;
	}

	h2{
		margin-top: 0;
		padding-top: 20px;
	}

	.url{
		color: white;
		border-bottom: 1px solid white;
	}


/* Intro */

	.intro{
		text-align: center;
		font-size: 18pt;
		background: white;
		height: 700px;
	}

	.intro > h1{
		text-transform: uppercase;
		margin-top: 0;
		position: absolute;
		top: 20%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	.intro> p {
		margin: 0 auto;
		padding-bottom: 20px;
		position: absolute;
		top: 30%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

	.logo_OSI{
		position: absolute;
		top: 40%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		-moz-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
	}

/* Origine */

	.origine{
		background: #161713 url("../_images/richard_stallman.jpg") no-repeat;
		background-position: 300px center;
		height: 700px;
		color: white
	}

	.texte_richard{
		width: 45%;
		background: #161713;
		height: 700px;
		padding-right: 20px;
	}

	.source__richard{
		color: white;
		border-bottom: 1px solid white;
		display: block;
		width: 135px;
	}

/* Description */

	.texte_description{
		margin: 0 auto;
		width: 950px;
	}

	h3{
		font-size: 14pt;
	}

	.description{
		background: white;
		height: 850px;
	}

	.slide{
		max-width: 100%;
	}

	li{
		display: block;
		width: 30%;
		float: left;
		margin-right: 35px;
	}

	.MCD:nth-child(4){
		margin-right: 130px;
		margin-left: 150px;
	}

/* Communauté */

	.communaute{
		background: #161713;
		color: white;
		height: 650px;
	}

	.image_communaute{
		width: 100%;
	}

	.texte_communaute{
		width: 800px;
		margin: 0 auto;
	}

	.liste_communaute{
		margin-bottom: 30px;
	}

/* Où */

	.ou{
		height: 910px;
	}

	.lien_liste{
		color: black;
		border-bottom: black solid 1px;
	}

	.lien_liste:visited{
		color: black;
		border-bottom: black solid 1px;
	}

	.texte_ou{
		width: 800px;
		margin: 0 auto;
	}

	.logo > img{
		max-width: 150px;
		max-height: 100px;
	}

	.logo{
		width: 250px;
		height: 250px;
		margin-right: 45px;
		text-align: center;
		border-bottom: 1px solid black;
	}

	.image_gimp, .image_blender{
		width: 150px;
	}

	.image_VLC{
		position: relative;
		top: 23px;
	}

	.logo:nth-child(4), .logo:nth-child(8){
		margin-right: 0;
	}

	.logo:nth-child(5), .logo:nth-child(6), .logo:nth-child(7), .logo:nth-child(8){
		border-bottom: none;
	}

	.source_logos{
		text-align: center;
	}

/* Ailleurs */

	.ailleurs{
		background: #161713;
		color: white;
		height: 280px;
	}

	.texte_ailleurs{
		width: 800px;
		margin: 0 auto;
	}

/* Alors */

	.alors{
		height: 400px;
	}

	.texte_alors{
		color: black;
		width: 800px;
		margin: 0 auto;
	}

	.lien_pros_cons{
		font-size: 25pt;
		color: black;
		text-decoration: underline;
	}

	.lien_pros_cons:visited{
		font-size: 25pt;
		color: black;
		text-decoration: underline;
	}

	.idee{
		text-align: center;
		-webkit-transform: translateY(80px);
		-moz-transform: translateY(80px);
		-ms-transform: translateY(80px);
	}

/* Plus loin */

	.plus_loin{
		background: #161713;
		color: white;
		height: 250px;
	}

	.texte_loin{
		text-align: center;
	}

	.liens{
		width: 30%;
		margin-right: 55px;
	}



	.liens:last-child{
		margin-right: 0;
	}

/* Réalisation */

	footer{
		text-align: center;
		height: 80px;
	}

	.twitter{
		color: black;
		border-bottom: 1px solid black;
	}

	.twitter:visited{
		color: black;
		border-bottom: 1px solid black;
	}