@charset "utf-8";
/* CSS Document */

/* Feuille de style - Examen final | Integ 1 */
/* Es Laurent */
/* 12 novembre 2015 */

/* Balises */
* {margin:0;padding:0;}
body {font-size:12px;font-family:Arial, Helvetica, sans-serif;}
	/* Fond */
	#bande-top {height:61px; background:#f1b09b;margin-top:78px; z-index:-500; position:absolute;overflow:visible;width:100%;}
	#bande-bas {height:310px; background:#f1b09b; z-index:-500;position:absolute; margin-top:1254px; width:100%; overflow:visible;}
	/*#bande-foot {background:#f1b09b;height:260px;}*/
	#bg {width:960px; margin:auto; background:#fff;}

#page {display:block;z-index:200;}
#slider {margin-top:11px;}
#controles {display:block; position:absolute; z-index:500;top:280px;}
#controles span i {color:rgba(255,255,255,0.6);}
#controles span:first-child {float:left; margin-left:20px;}
#controles span:last-child {float:left; margin-left:855px;}
#legend {display:block; z-index:500; background:rgba(232,102,60,0.8);position:absolute;top:325px;width:413px;margin-left:37px;clear:both;}
#legend h4 {font-size:1.5em; color:#fff; text-transform:uppercase;display:block;padding:25px 0 10px 20px;}
#legend p {font-size:1em; color:#fff; text-transform:uppercase;margin-left:20px;padding-bottom:25px;}
#thumbs {margin-right:10px;margin-top:17px;}
#thumbs a {display:block;}
#thumbs a:first-child {margin-left:-1px;}
#content  {margin-top:40px;}
#content section {}
#content section article i {color:#e8663c; float:left;}
#content section article h2 {font-size:1.4em; color:#e8663c; text-transform:uppercase; font-weight:normal; text-align:left;width:241px;float:left; margin-left:15px;}
#content section article p {font-size:1em; color:#414141; line-height:1.5em; margin-top:30px;}
#content section article span {background:#e8663c; display:block; width:55px;height:32px; margin-top:22px;}
#content section article span a {font-size:1em; line-height:2em; text-transform:uppercase;text-decoration:none;color:#fff;display:block;padding:10px 7px 10px 15px;}
#content section article span:hover {background:#fff;color:#e8663c;}
#content section article span:hover a{color:#e8663c;}
#works {margin-top:45px;}
#titre h2 {font-size:1.3em; color:#e8603c; text-transform:uppercase;}
#titre img {float:right;margin-right:10px;}
#works section {margin-top:25px;}
#works section article img {display:block;margin:0;padding:0;}
#works section article div.legende h4 {font-size:1.33em; color:#b9b9b9;text-transform:uppercase;line-height:1.5em;font-weight:normal;margin-left:14px;}
#works section article div.legende cite {font-size:0.917em; color:#e8663c;text-transform:uppercase;line-height:1.5em;font-weight:normal;margin-left:14px;font-style:normal;margin-top:10px;padding-bottom:15px;}
#foot {margin-top:48px; background:#e8663c;width:940px;}
#about {margin-left:10px;}
#contacts {margin-left:-5px;}
#about h3, #tweets h3, #contacts h3 {font-size:1.66em; color:#fff; text-transform:uppercase; margin-top:42px; font-weight:normal;}
#about p, #tweets p, #contacts p {font-size:1em; color:#fff; margin-top:29px;}
#about p a, #tweets p a, #contacts p a {text-decoration:none;}
#social {margin-top:20px;}


#top, #slider, #foot {margin-left:10px;}

h1 {font-size:3em;color:#e8603c;text-transform:uppercase;display:block;margin-top:25px;}
h1 em {color:#f3af9d; font-style:normal;}
p em {color:#f3b29d;}
nav {display:block; float:right;margin-top:40px;margin-right:50px;}
nav ul li:first-child a {color:#e8663c;}
nav ul li {display:inline-block; list-style:none; margin:0 10px;}
nav ul li a {text-decoration:none; font-style:normal; text-transform:uppercase; font-weight:700;color:#b9b9b9; font-size:1.167em;}
nav ul li a:hover {color:#e8663c;}
footer {margin-top:42px;padding-bottom:32px; display:block; margin-right:5px;}
/* Classes */
.legende {display:block; border-right:1px solid #414141; border-bottom:1px solid #414141; border-left:1px solid #414141; background:#fff;}