/*
Theme Name: Samantha Gil website
Theme URI: http://samanthagil.com
Author: Aurélien CHAPUIS
Year: 2015
*/

body {
	font-family: 'Oxygen', sans-serif;
	font-weight:300;
	background:#fff;
	font-size:18px;
	line-height:1.8;
}

a{color:#000;text-decoration:none; }
a:hover{ color:#000;text-decoration:underline; }


h1,h2,h3 {
font-size:60px; 
font-family: 'Raleway', sans-serif;
font-weight:800; 
padding:0; 
color:#161618;
line-height:1.1;
}

h2{
font-size:25px; 
}


#sign {
position:absolute;
height:100px;
line-height:0;
transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
margin:0;
top:50%;
text-align:inherit;
width:auto;
z-index:999999;
font-size:50px;
}

#sign2 {
position:absolute;
height:60px;
line-height:0;
transform:rotate(-90deg);
-webkit-transform:rotate(-90deg);
-ms-transform:rotate(-90deg);
margin:0;
top:50%;
text-align:inherit;
width:auto;
z-index:999999;
font-size:50px;
}

#intro_titre{
top:40%;
position:absolute;
width:100%;
text-align:center;
z-index:999999;
font-size:70px;
color:#fff;
font-family: 'Raleway', sans-serif;
font-weight:800; 
display:none;
text-decoration:underline;
}

#intro{
width:100%;
height:100%;
vertical-align: top;
zoom: 1;
-webkit-background-size: cover;
-moz-background-size: cover;
-ms-background-size: cover;
-o-background-size: cover;
background-size: cover;
background-position: center center;
display:none;
}

#titre,.etiquette{
clear:both;
width:90%;
max-width:1200px;
margin:0 auto;
margin-top:50px;
text-align:left;
font-size:35px;
color:#000;
font-family: 'Oswald', sans-serif;
font-weight:300;
text-transform:uppercase;
}

#titre h2{
font-family: 'Raleway', sans-serif;
font-size:18px;
font-weight:300;
text-transform:none;
}

#contact{
font-size:12px;
font-weight:300;
text-transform:none;
margin-bottom:50px;
}

#titre-sous, #left-right-vestiaire {
	width:49%;
	display:inline-block;
	float:left;
}

#left-right-vestiaire {
	margin-top:20px;
	text-align:right;
	margin-right:1%;
}

 #left-right-vestiaire img{
	 width:30px;
 }


.etiquette{
text-align:center;
font-weight:800;
width:100%;
}

#titre a:hover{
text-decoration:underline;
}


#left-right{
display:none;
position:absolute;
z-index:999999;
top:7%;
right:1%;
}


#left-right img {
width:20px;
}

#contacts{
width:100%;
text-align:center;
display:inline-block;
float:left;	
}

/* WRAP */
.wrap{
	clear:both;
	width: 100%;
	height:auto;
	max-height:100%;
	margin:0 auto;
	text-align:center;
	background-image:url(photos/1.jpg);

}

.wrap img{
	width:100%;
	max-width:100%;
	height: auto;
	max-height:100%;
	margin:0 auto;
	text-align:center;
}

#credits{
position:absolute;
right:1%;
top:10%;
text-align:right;
z-index:999999;
display:none;
}

#vestiaire_all{
clear:both;
width:90%;
max-width:1200px;
margin:0 auto;
vertical-align: middle;
text-align:center;
height: auto;
}

.porte{
	display:none;
}

#porte1{
display:block;	
	
}

.vestiaire, .video, .video-50, .vide {
display:inline-block;
float:left;	
width:19%;
margin-right:0.5%;
vertical-align: top;
font-size:45px;
color:#000;
font-family: 'Raleway', sans-serif;
font-weight:300; 
text-align:left;
}

.video{

	width:59%;

}

.video-50{

	width:49%;

}

.vide{
	width:39%;
}

.vestiaire img, .video img, .video-50 img{
	width:100%;
	max-width:100%;
	-webkit-transition: all 0.3s ease;
     -moz-transition: all 0.3s ease;
       -o-transition: all 0.3s ease;
      -ms-transition: all 0.3s ease;
          transition: all 0.3s ease;
}
 
.vestiaire img:hover, .video img:hover, .video-50 img:hover {
  -webkit-filter: grayscale(100%);
}


/*-----------------------------------------------------------------------------------*/
/* MEDIA QUERIES */
/* Format Mobile */
/*-----------------------------------------------------------------------------------*/
@media only screen 
and (max-width : 480px) {

	body{
		font-size:15px;
	}
		

	h1,h2,h3{
	font-size:30px; 
}

 #intro_titre{
 	font-size:50px; 
 }
 
}