@font-face{
    font-family : "source";
    src : url('../fonts/source.ttf');
}

body{
    background:#51767b url("../img/background-body.jpg") no-repeat;
    background-size:cover;
    font-family:"source", arial, verdana, sans-serif;
    font-size:18px;
}

h1{
    display:block;
    text-indent:-9999px;
    width:100%;
    line-height:500%;
    background:url("../img/logo-nicogaudin.png") no-repeat;
    margin-top:12%;
    margin-bottom:8%;
    background-size: contain;
    background-position: center;
}

.form-news{
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.2);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99ffffff, endColorstr=#99ffffff)";
    text-align:center;
    color:#fff;
    padding-top:2%;
    padding-bottom:2%;
    margin-bottom:4%;
}
.form-news p{
    margin-bottom:4%;
}
.email{
    width:100%;
    padding:10px 25px;
    border:none;
    /* Fallback for web browsers that doesn't support RGBa */
    background: rgb(255, 255, 255);
    /* RGBa with 0.6 opacity */
    background: rgba(255, 255, 255, 0.6);
    /* For IE 8*/
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#60ffffff, endColorstr=#60ffffff)";
    border-radius:3px;
    border-bottom:4px solid #aaa;
    text-transform: uppercase;
    color:#f17530;
}
.button{
    background:#f17530;
    border-radius:3px;
    padding:10px 25px;
    border:none;
    border-bottom:4px solid #db5f1a;
    width:100%;
}
input[type="email"]:focus, input[type="password"]:focus, textarea:focus{
	outline: none;
}
.reseaux{
    text-align:center;
    color:#fff;
}

.reseaux p{
    margin-bottom:3%;
}

.reseaux ul{
    margin:0 auto;
    width:290px;
    background:white;
    padding:0;
}
.reseaux ul li{
    float:left;
    list-style-type: none;
    margin-right:5px;
}
.reseaux ul li a{
    display: block;
    width:53px;
    height:56px;
    background:url(../img/sprite-reseaux-sociaux.png) no-repeat;
    text-indent:-9999px;
    margin:0;
}

li#twitter a{background-position:-51px 0;}
li#linkedin a{background-position:-103px 0;}
li#pinterest a{background-position:-155px 0;}
li#behance a{background-position:-208px 0;}


li#fb a:hover{background-position:0 -56px;}
li#twitter a:hover{background-position:-51px -56px;}
li#linkedin a:hover{background-position:-103px -56px;}
li#pinterest a:hover{background-position:-155px  -56px;}
li#behance a:hover{background-position:-208px  -56px;}