/* Global ======================================================== */
html, body {width: 100%; padding: 0; margin: 0;}
body {font: 14px/25px Arial,Helvetica,sans-serif; color: #A1A1A1; min-width: 900px; background: #070707;}

/* Header ======================================================== */
header {width: 100%;}
h1 {position: relative; display: float; color: #fbb040;}
h2 {position: relative; display: float;}
a {text-decoration: none; cursor: pointer; color: #fbb040;}
a:hover {text-decoration: none; color: #f7941e;}

#logo {width: 800px; height: 80px; margin: 40px auto 0px; position: relative;}
img.logo {position: absolute; left: 0px; top: 0px}
h1.logo {position: absolute; left: 60px; top: 5px}

#accueil {width: 800px; margin: 5px auto; position: relative;}
ul.accueil {margin: 0; padding: 0; list-style-type: none;}
ul.accueil li {margin: 0 0 20px 0; padding: 0;}
ul.accueil li img {border-radius: 40px; border-width: 1px; border-color: #A1A1A1; border-style: solid; box-shadow: 1px 1px 15px 5px rgba(161, 161, 161, 0.5);}
ul.accueil li img:hover {border-color: #f7941e; box-shadow: 1px 1px 15px 5px rgba(247,148,30, 0.6);}

#service {width: 800px; margin: 10px auto; position: relative;}
ul.service {margin: 0; padding: 0; list-style-type: none;}
ul.service li {margin: 0 39px 20px 39px; padding: 0; float: left;}
ul.service li img {border-radius: 5px; border-width: 1px; border-color: #A1A1A1; border-style: solid; box-shadow: 1px 1px 15px 5px rgba(161, 161, 161, 0.5);}
ul.service li img:hover {border-color: #f7941e; box-shadow: 1px 1px 15px 5px rgba(247,148,30, 0.6);}

.perspective {position: absolute; color: #fff; font-weight:bold; margin: 0; color: #fbb040; bottom: 25px; right : 120px; text-align: right; font-size: 3em; text-shadow: 1px 2px 3px rgba(200,200,200,0.8);}