/* 
    Document   : style
    Created on : 6 oct. 2012, 16:28:53
    Author     : aurelie_gadiou
    Description:
        Purpose of the stylesheet follows.
*/

root { 
    display: block;
}



body{
  margin: 0;
  font-family: "Times New Roman", Times, Georgia, serif;
  font-size: 14px;
  line-height: 20px;
  letter-spacing:0.2em;
  color: #000;
  background-color: #fff;
}


.header, .footer{
background: #dbdbdb; /* Old browsers */
background: -moz-linear-gradient(top,  #dbdbdb 0%, #e5e5e5 50%, #ffffff 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dbdbdb), color-stop(50%,#e5e5e5), color-stop(100%,#ffffff)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dbdbdb 0%,#e5e5e5 50%,#ffffff 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dbdbdb 0%,#e5e5e5 50%,#ffffff 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dbdbdb 0%,#e5e5e5 50%,#ffffff 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dbdbdb 0%,#e5e5e5 50%,#ffffff 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dbdbdb', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */


}

.smallNav, .fb, .sous-menu-collection, .sous-menu-collection ul li, .sous-menu-collection li a {
    display:none;
}

.gallery.thumb{
	float:left;
	filter: url(filters.svg#grayscale); /* Firefox 3.5+ */	 filter: gray; /* IE5+ */ -webkit-filter: grayscale(1); /* Webkit Nightlies & Google Chrome Canary */ }
}


ul, li {
   list-style:none; 
}

.mainNav{
    margin-top:5px;
    padding-bottom:5px;
   
}

.mainNav li{
   display:inline;
   margin-right:15px;
}

.mainNav a{
   padding:8px;
}

.menu-collection{
    display: inline;
    position:relative;
}


/*

.menu-collection:hover .sous-menu-collection{
    display:block; 
    opacity: 1;
    -webkit-transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -o-transition: opacity .5s ease-in-out;
}


.sous-menu-collection{
    display:none;
    opacity: 0; 
    padding:5px;
    top:24px;
    position:absolute;
    width:200px;
    height:auto;
    left:-24px;
    background-color: #000;
    text-align:left;
    z-index:1000;
}

.sous-menu-collection li{

    padding:5px;
}

.sous-menu-collection li:hover{

}

.sous-menu-collection li a{
    margin-bottom:10px;
    left:0px;
    color:#fff;
    background-color:transparent;
}

.sous-menu-collection li a:hover{
    text-decoration:none;
    color:#798085;
}

*/


a{
    text-transform:uppercase;
    font-size:12px;
    color:#000;
    text-decoration:none;
}


a:hover, a.active{
    background-color:#000;
    color:#fff;
    text-decoration:none;
    
}

.unstyled:hover{
    background-color: transparent;
}

h1, h2, h3, h4, h5, h6{
    font-weight:normal;
}

h3{
    font-size:20px;
    line-height:30px;
}

h4{
    font-size:14px;
    line-height:20px;
}

.logo{
    width:124px;
    height:52px;
    position:absolute;
    left:50%;
    margin-left:-62px;
}


.ubyu-icon{
    width:100px;
    height:18px;
    background-image: url("/img/nav/ubyu.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    display:inline-block;
    vertical-align: text-top;
    margin-top:-1px;
}


a:hover .ubyu-icon{
    background-position: 0  -18px;
}

a.active .ubyu-icon{
    background-position: 0  -18px;
}


.smallNav a{
   font-size:10px; 
}


.mentions{
    font-size:10px;
    padding:8px;
}


.encart{
    border-bottom:solid 2px #fff;
    color:#fff;
    text-transform:uppercase;
    bottom:15px;
    text-align:left;
    padding:4px 40px 4px 10px;
    left:0px;
}

.encart1{
    color:#fff;
    text-transform:uppercase;
    padding:4px;
    margin:0px;
}

a .encart:hover{
    background-color:#fff;
    border-bottom:solid 2px #000;
    color:#000;
}


.bold{
    font-weight:bold;
}


p, .mentions{
    letter-spacing:0.1em;
}



/* 
positionnement
*/

.absolute{
    position:absolute;
}

.relative{
    position:relative;
}

.fixed{
    position:fixed;
}


.top0{
    top:0;
}

.bottom0{
    bottom:0;
}


.left0{
    left:0;
}

.right0{
    right:0;	
}



/* 
margins
*/


.ml{
    margin-left:10px;
}

.ml2{
    margin-left:20px;
}

.mr{
    margin-right:10px;
}

.mr2{
    margin-right:20px;
}

.mr5{
    margin-right:80px;
}


/* 
padding
*/


.pb1{
    padding-bottom:10px;
}

.pb2{
    padding-bottom:20px;
}



/* 
text-align
*/

.txtL{
    text-align:left;
}

.txtC{
    text-align:center;
}

.txtR{
    text-align:right;
}



/* 
separateur
*/

.bb{
    border-bottom: solid 1px #000;
}


.bblight{
    border-bottom: solid 1px #E5E5E5;
}


.bigBB{
     border-bottom:8px solid #000;
}

.bigBT{
     border-top:8px solid #000;
}



/* 
couleurs
*/

.black{
    background-color:#000000;
}


.bblack{
    border:solid 1px #E5E5E5;
}



/* 
Résolutions
*/


@media (min-width: 1200px) {
    
    .mt0{
	margin-top:15px;
    }
    
    
    .mt1{
        margin-top:30px;
    }
    
    .mt2{
	margin-top:60px;	
    }
    
    .mt3{
	margin-top:90px;	
    }

    
    .fl{
        float:left;	
    }

    .fr{
        float:right;	
    }
    
}



@media (min-width: 960px) and (max-width: 1199px) {
    
    .mt0{
	margin-top:10px;
    }
    
    .mt1{
        margin-top:20px;
    }
    
    .mt2{
	margin-top:40px;	
    }
    
    .mt3{
	margin-top:60px;	
    }
    
    
    .fl{
        float:left;	
    }

    .fr{
        float:right;	
    }


}   
    
    
@media (max-width: 959px) { 
    
    .mt1{
        margin-top:20px;
    }
    
    .mr2{
        margin-right:5px;
    }
    
    .ml2{
        margin-left:5px;
    }
    
    .logo{
        padidng-bottom:10px;
    }
    
    .mainNav a{
        display:block;
        margin-right:0;
    }
    
    .bb{
        padding-top:10px;
    }
    
    .menu-collection:hover .sous-menu-collection{
        display:none; 
    }
    
    .sous-menu-collection{
        display:none;
    }
    
    .sous-menu-collection li{
      display:none;
    }
    
    .sous-menu-collection li a{
     display:none;
    }
    
    .lookbook{
        float:right;
    }
    
    .ubyu-encart{
        display:none;
    }
    
    
    .ubyu-encart, .lookbook, .blog img{
        width:50%;
        position:relative;
    }
   
}