body {
margin:0;
font-family: 'Signika Negative', sans-serif;
font-size:1em;
background-color:#000;
}
header {
width:100%;
float:left;
border-bottom:1px solid #000;
background-color:#FFF;
}
footer {
float:left;
width:100%;
color:#FFF;
}
footer a{
color:#FFF;
text-decoration:underline;
}
footer a:hover{
color:#FFF;
}
p.date {
font-size:1em;
color:orange;
margin:5px 15px;
float:left;
width:90%;
}
div#form {
background-color:#222;
}
div#media {
width:100%;
max-width:1080px;
margin:auto;
}
div#media img{
width:100%;
}
iframe {
	width:100%;
	margin:0;
	border:0;
}
.container {
	width:100%;
	max-width:1080px;
	margin:auto;
	border-top:1px dotted #999;
}
div#logotype {
	float:left;
	width:200px;
}
header nav {
	float:right;
	margin-top:20px;
}
label {
	width:100%;
	color:#999;
	font-size:0.8em;
}
input[type="text"], input[type="email"] {
	margin-top:5px;
	width:96%;
	height:30px;
	float:left;
	border-radius:5px;
	padding:2%;
	font-size:1.0em;
	color:#999;
}
textarea {
	margin-top:5px;
	width:96%;
	float:left;
	border-radius:5px;
	padding:2%;
	font-size:1.2em;
	color:#999;
	height:80px;
	resize:none;
}
input[type="submit"] {
	color:#FFF;
	float:right;
	background-color:#096;
	border:none;
	padding:10px 20px;
	border-radius:5px;
	font-weight:bold;
}
input[type="submit"]:hover {
	background-color:#999;
	cursor:pointer;
}
div#signature {
float:left;
width:100%;
max-width:700px;
}
div#socialnetwork {
width:100%;
float:right;
max-width:120px;
}
div.barre {
width:100%;
height:1px;
border-top:1px solid #999;
margin-top:20px;
}
footer a {
color:#FFF;
}
footer a:hover {
text-decoration:none;
}
li#address {
list-style-image:url("images/icon_address.png");
}
li#phone {
list-style-image:url("images/icon_phone.png");
}
li#email {
list-style-image:url("images/icon_email.png");
}
li#hours {
list-style-image:url("images/icon_hours.png");
}
footer img {
margin:5px;
float:left;
}
div.wrapper {
width:100%;
float:left;
}
div#accueil {
	background-color:#EEE;
}
div#projets {
	background-color:#EEE;
}
div#works {
	background-color:#FFF;
	padding-top:5px;
}
div#work {
	background-color:#FFF;
}
div#services_part {
	background-color:#EEE;
}
div#presentation {
	background-color:#EEE;
}
div#presentation img {
	display: block;
	margin:auto;
}
div#services {
	height:200px;
	background-image:url("images/services.png");
}
div#realisations {
	height:200px;
	/*background-image:url("images/realisations.png");*/
	background-image:url("images/services.png");
}
div#profil {
	height:200px;
	background-image:url("images/services.png");
	/*background-image:url("images/profil.png");*/
}
nav#pathway {
width:80%;
max-width:500px;
background-color:#FFF;
border-radius:5px;
padding:5px 10px;
margin:20px;
margin:20px;
color:#999;
}
div.wrapper  nav a {
color:#F93;
text-decoration:none;
}
div.wrapper  nav a:hover {
color:#999;
text-decoration:underline;
}
img.work {
margin:10px;
float:left;
}
p.gold {
color:#ccac00;
text-align:center;
font-weight:normal;
font-size:1em;
}
nav#article {
background-color:#EEE;
border-left:3px solid #CCC;
border-right:3px solid #CCC;
margin:10px 0;
float:left;
width:98%;
padding:5px;
border-radius:0px;
font-size:0.8em;
}
a.previous {
float:left;
background: url("images/previous.png") no-repeat left center;
padding-left:25px;
}
a.next {
float:right;
background: url("images/next.png") no-repeat right center;
padding-right:25px;
}
div.article {
width:94%;
max-width:750px;
margin:auto;
font-family: Arial, Helvetica, sans-serif;
}
div.article img {
width:98%;
margin:1%;
float:left;
}
a {
color:orange;
text-decoration:none;
}
 a:hover {
color:#666;
}
nav#article a:hover {
text-decoration:underline;
}
nav#article a {
color:#999;
text-decoration:none;
}
div#blog {
background-color:#FFF;
}
div#blog h3 a , section h3 a {
color:#000;
text-decoration:none;
}
section {
float:left;
border-bottom:1px dotted #999;
margin-bottom:20px;
}
article p {
margin:5px;
}
 div#services_part a:hover img  {
-webkit-filter: grayscale(80%);
-moz-filter: grayscale(80%);
-o-filter: grayscale(80);
-ms-filter: grayscale(80%);
filter: grayscale(80%);
}
a.button {
padding:10px 20px;
background-color:#666;
border-radius:5px;
color:#FFF;
text-decoration:none;
font-weight:bold;
border-bottom:3px solid #333;
}
a.right {
float:right;
margin:10px;
}
a.button:hover {
background-color:#069;
color:#FFF;
border-bottom:3px solid #039;
}
a.center {
margin-top:20%;
position:relative;
text-align:center;
}
span {
text-align:center;
float:left;
font-weight:bold;
width:100%;
padding-top:5px;
padding-bottom:50px;
}
.webdesign {
color:orange;
}
.print {
color:#096;
}
.developpement {
color:#ff33ff;
}
.elearning {
color:#069;
}

div#works  img{
 width:100%;
 float:left;
 margin:0;
 padding:0;
 }
figure { 
	margin:-5px;
	padding:0%;
	display: inline-block;
	position:relative;
	overflow:hidden; 
}
figcaption {
	position:absolute;
	padding:0; 
	margin:0;
	left:0; 
	right:0;
	height:100%; 
	bottom: -100%;
	text-align:center;
	font-family: Georgia, Times, serif;
	transition:all .2s;
	}
/*figure:hover figcaption{
	bottom:0;
	background: #FFF;
	background: rgba(30,30,0,0.8);
	color: #555;
}*/
h1 {
color:#FFF;
}
h2 {
color:#069;
text-align:center;
padding:10px 0 0 0;
margin:20px 0 0 0;
font-size:2.5em;
font-family: 'Signika Negative', sans-serif;
}
h4 {
margin:10px 10px;
color:#069;
}
h5 {
font-size:1.2em;
margin:5px;
}
h1 a,h2 a,h3 a,h4 a,h5 a {
text-decoration:none;
color:#000;
}
nav#menu li {
list-style:none;
}
nav li a:hover {
	background-color:#069;
	color:#FFF;
}
div#richmedia {
/*background-image:linear-gradient(#EEE, #CCC);*/
background-image:url("images/services.png");
height:200px;
border-bottom:1px solid #000;
float:left;
}
div.article li {
list-style-image:url("images/puce.png");
}
div#blog h3 {
text-transform:uppercase;
float:left;
}
p.center {
text-align:center;
}
p.description {
margin:10px;
}
a.big {
text-align:center;
background-color:orange;
padding:20px 30px;
border-radius:5px;
font-size:1.5em;
color:#000;
}
a.big:hover {
background-color:#096;
}
ul {
list-style:none;
margin-top:40px;
margin-bottom:30px;
padding:0;
}
li.button {
margin:auto;
text-align:center;
}
aside#informations li {
margin:0 10%;
}