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

/* Feuille de style - Examen final | Integ 2 */
/* Es Laurent */
/* 13 novembre 2015 */

* {margin:0;padding:0;}
body {font-size:14px;}

header {background:#fff; height:82px; border-radius:5px;}
header #logo { margin-left:30px;}
header nav {float:right; margin-right:15px;}
header nav ul {}
header nav ul li {list-style:none; display:inline-block; margin:0 5px;}
header nav ul li a {font-family: 'Open Sans', sans-serif; font-size:1em; font-weight: 600; color:#222222; text-transform:capitalize; text-decoration:none;}
header nav ul li a:hover {color:#1dc6df;}

#slider {}
#top { display:block; position:absolute; top:43px; left:215px;}
#slogan {font-family: 'museo500'; font-size:2.571em; text-transform:uppercase; text-shadow:1px 1px 2px rgba(0,0,0,0.25); text-align:left; margin-top:170px;}
#slogan i {font-family: 'museo300';}
#more {margin-top:50px; background:#fff; border-radius:3px; width:150px; height:40px; text-align:center;}
#more a {font-family:'Open Sans', sans-serif; font-weight:bold; font-size:0.857em; text-decoration:none; color:#222222; text-transform:uppercase;line-height:40px;}
#content {background:#fff;}
#content section:first-child {margin-top:58px;}
#content section:first-child article {text-align:center;}
#content section:first-child article span {}
#content section:first-child article h2 {font-family: 'museo500'; font-size:1.286em; color:#111111; text-transform:capitalize; margin-top:13px;}
#content section:first-child article hr {margin-top:15px; width:50px;margin-left:170px;}
#content section:first-child article p {font-family: 'Open Sans', sans-serif; font-size:1em; color:#444444; margin-top:15px; line-height:36px;}
#content section:first-child article p a {color:#111111; text-decoration:none;}
#content section:first-child article p a:hover {color:#1dc6df;}
#sect-2 section {margin:auto;width:1200px;}
#titres h3 {display:block; width:123px; float:left;margin-left:10px;}
#titres h3:first-child + hr {width:745px; float:left;}
#titres h3 + hr {width:150px; float:right; margin-top:55px;}
#sect-2 section h3 {font-family: 'museo500'; text-transform:capitalize; color:#222222;margin-top:45px;}
#sect-2 section hr {}
#sect-2 section article {margin-top:30px;margin-bottom:60px;}
#sect-2 section article a {}
#sect-2 section article a:hover {}
#sect-2 section article h4 {font-family: 'museo500'; font-size:1em; color:#111111; text-transform:capitalize; margin-top:30px;line-height:22px; text-align:left;}
#sect-2 section article cite {font-family: 'museo500'; font-size:1em; color:#999999; line-height:22px; display:block;text-align:left;font-style:normal;}
#sect-2 section article p {font-family: 'Open Sans', sans-serif; font-size:1em; color:#222222;line-height:36px; text-align:left;}
#sect-2 section article:last-child a {display:block;float:left; margin-top:15px; margin-left:15px;padding-right:10px;}
#sect-2 section article:last-child p {font-family: 'Open Sans', sans-serif; font-size:1em; color:#222222; font-weight:bold;}
#sect-2 section article:last-child p i {font-family: 'Open Sans', sans-serif; font-size:1em; color:#222222;font-weight:normal;font-style:normal;}
#sect-3 section {clear:both;}
#sect-3 section h3 {font-family: 'museo500'; text-transform:capitalize; color:#222222; margin-left:10px;float:left;}
#sect-3 section hr {width:1027px;float:left;margin:10px 0 0 15px;}
#sect-3 section article {margin-top:33px;margin-bottom:35px;} 
#tweet {}
#twitter {display:block; position:absolute; top:1900px;}
#tweet section hr {width:25px;}
#tweet section h5 {font-family: 'museo500'; font-size:1.286em; color:#111111; text-transform:capitalize; text-align:center;}
#tweet section p {font-family: 'museo300'; font-size:1.714em; color:#111111; text-align:center;}
#tweet section p a {font-family: 'Open Sans', sans-serif; font-size:1.714em; color:#999999;}
#tweet section cite {}
#tweet section cite a {font-family: 'Open Sans', sans-serif; font-size:1em; color:#999999;}
#tweet section span {}