body {
background:#fff;
color:#000;
font-family:Arial, sans-serif;
margin:0;
padding:0;
}

h1,h2,h3 {
font-size:20px;
text-transform:uppercase;
font-weight:400;
}

h2 {
font-size:16px;
}

h3 {
font-size:10px;
}

a {
color:#FFF;
}

a img {
border:none;
}

.content-full {
margin-left:19%;
width:80%;
max-width:1400px;
}

.post-header {
border-bottom:1px solid #FFF;
overflow:hidden;
margin:0 0 10px;
padding:10px 0;
}

#top {
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
}

#bottom {
position:absolute;
top:100%;
left:0;
right:0;
}

#header {
background-image:url(proxies-background.jpg);
background-repeat:no-repeat;
background-position:bottom left;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
position:absolute;
width:100%;
height:100%;
}

#header-content {
color:#FFF;
font-size:13px;
float:right;
position:absolute;
bottom:50px;
left:0;
right:0;
padding:0;
}

#logotype {
position:absolute;
bottom:5px;
left:90px;
width:250px;
height:auto;
}

#link a:hover img {
opacity:0.5;
}

#bouton {
position:absolute;
bottom:50px;
right:5%;
font-size:65px;
color:#b7bbbd;
}

#bouton a {
padding-right:25px;
padding-left:25px;
color:#FFF;
text-decoration:none;
}

#bouton img {
width:auto;
height:42px;
opacity:0.85;
}

#barre {
background:url(barre.png);
background-repeat:no-repeat;
background-position:bottom right;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
width:auto;
height:20px;
}

#link {
position:absolute;
bottom:5px;
right:6%;
}

#link a img {
width:30px;
height:30px;
}

#media {
background:url(media-background.jpg);
background-repeat:no-repeat;
background-position:left bottom;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
color:#FFF;
font-size:11px;
clear:both;
overflow:hidden;
padding:30px 0 200px;
}

#media ul,li {
margin:0;
padding:0;
}

#media li {
float:left;
list-style:none;
margin-right:10px;
}

#videos {
float:right;
width:30%;
background-color:rgba(0,0,0,0.5);
padding-left:20px;
padding-right:20px;
background-clip:padding-box;
border:rgba(0,0,0,0.4) 7px double;
border-radius:10px;
}

#videos li {
width:100%;
}

#videos li div img{
	background:black;
	height:auto;
	width:100%;
	opacity:0.65;
	margin-bottom:20px;
}

#videos li div img:hover{
	opacity:0.9;
	background:#FFF;
}

#verti {
background:url(verti.png);
background-repeat:no-repeat;
background-position:bottom right;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
width:50px;
height:auto;
position:relative;
right:69px;
top:9px;
opacity:0.4;
font-size:.1em;
color:rgba(0,0,0,0.4);
}

#images {
float:right;
width:34%;
background-color:rgba(0,0,0,0.5);
padding-left:20px;
padding-right:20px;
padding-bottom:40px;
margin-right:90px;
background-clip:padding-box;
border:rgba(0,0,0,0.4) 7px double;
border-radius:10px;
}

#images li img {
height:90px;
width:160px;
margin-bottom:10px;
background:#FFF;
}

#images li {
height:90px;
width:160px;
background:#FFF;
}

#images li img:hover {
opacity:0.9;
background:#FFF;
}

#contacts {
background:#172228;
background-repeat:no-repeat;
background-position:right top;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
color:#eaeaf0;
font-size:13px;
line-height:18px;
position:relative;
height:auto;
margin:0;
padding:30px 0 100px;
}

.contacts {
float:none;
background-color:rgba(0,0,0,0.5);
background-clip:padding-box;
border:rgba(0,0,0,0.4) 7px double;
border-radius:10px;
margin-bottom:30px;
width:300px;
position:relative;
left:10%;
padding-left:20px;
padding-right:20px;
z-index:2;
}

.contacts ul {
list-style-type:none;
text-decoration:none;
margin:0;
padding:0 10px 20px;
}

.contacts ul img {
width:20px;
height:20px;
margin-right:10px;
}

.contacts ul a:hover {
color:#648dc8;
}

#pochette {
position:absolute;
right:5%;
top:50px;
text-align:right;
z-index:1;
}

#vertip {
background:url(verti.png);
background-repeat:no-repeat;
background-position:bottom left;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover;
width:43px;
height:578px;
font-size:.1em;
text-align:right;
float:right;
position:relative;
left:7px;
top:13px;
opacity:0.4;
color:rgba(0,0,0,0.4);
}

#preco {
width:200px;
height:auto;
opacity:0.8;
}

#commande {
width:100%;
height:100%;
background-color:rgba(0,0,0,0.5);
position:fixed;
z-index:90;
}

#cadre {
background:#000;
color:#FFF;
z-index:99;
position:absolute;
width:65%;
height:40%;
top:0;
bottom:0;
left:0;
right:0;
margin:auto;
}

#cadre div {
float:right;
}

#cadre div img {
width:20px;
height:auto;
opacity:0.7;
}

#texte {
position:absolute;
left:0;
margin:38px;
}

#boite {
float:right;
width:50%;
background-color:rgba(0,0,0,0.5);
border-radius:10 0 10 10px;
background-clip:padding-box;
border:rgba(0,0,0,0.4) 7px double;
padding:20px;
}

#up {
position:absolute;
bottom:0;
display:block;
text-align:center;
width:100%;
}

#up img {
width:80px;
height:auto;
}

#footer {
background-color:#000;
color:#FFF;
font-size:11px;
padding-bottom:70px;
margin-right:auto;
}

#share {
text-align:center;
padding-top:15px;
padding-left:46px;
height:50px;
}

#credit {
text-align:center;
vertical-align:middle;
}

#logo img{
margin-right:20px; 
height:50px;
width:auto;
  display:inline-block;
  line-height:1.3em;
  vertical-align:middle;
}

#latest-post a.post-header {
margin-top:10px;
padding-top:12px;
padding-bottom:12px;
}

#conversation {
padding-top:10px;
}

h1,#videos h2,#images h2 {
font-size:14px;
}

#bouton img:hover,#preco:hover,#cadre div img:hover {
opacity:1;
}

#videos iframe,#videos object,#videos embed,#boite iframe,#boite object,#boite embed {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-align:center;
}

.contacts ul a,.contacts li {
text-decoration:none;
}

@media only screen and max-width 640px {
#top {
position:relative;
}

#header {
position:relative;
height:auto;
padding-top:200px;
background-image:url(img/mobile-faith.jpg);
background-size:100% auto;
background-position:center top;
background-repeat:no-repeat;
}

#header-content {
position:relative;
top:auto;
right:auto;
bottom:auto;
left:auto;
padding-top:80px;
padding-bottom:40px;
background-image:url(img/mobile-redbg.png);
background-repeat:no-repeat;
text-align:center;
}

#logotype {
display:inline-block;
position:relative;
top:auto;
right:auto;
bottom:auto;
left:auto;
margin-bottom:30px;
}

#latest-videos li {
display:inline-block;
float:none;
}

#conversation {
display:inline-block;
padding-top:30px;
}

#conversation li:last-child {
margin-right:0;
}

#blog {
padding:2px 0;
}

#media {
padding:2px 0 20px;
}

#media ul {
text-align:center;
}

#media li {
float:none;
display:inline-block;
}

#videos {
float:none;
width:100%;
margin-bottom:20px;
}

#images {
float:none;
width:100%;
}

#bottom {
position:relative;
top:auto;
right:auto;
bottom:auto;
left:auto;
}

.content-left,.content-full {
width:90%;
margin-left:5%;
}