/*
kit graphique : Zwatla Studio Photo
url : http://www.zwatla.com/kits-graphiques/Studio-Photo/
Author: krek
url : http://www.zwatla.pro
Version: 1
*/

html, body {
height: 100%;
}

body {
margin: 0;
padding: 0; 
text-align: center;
font-size: 0.7em;
color: #fff;
font-family: arial;
background: #111;
overflow: hidden;  
}
 
/*  WRAPPER
********************************************************************/
 
#wrapper { 
position: relative; 
width: 100%;
margin: 0;
text-align: left;
padding:  0;
min-height: 100%;
}

/*  IMAGES
********************************************************************/

.img-home { 
width: 100%;
}
   
/*  CONTENT
********************************************************************/
   
#content {
position: absolute; 
height: 100%; 
top: 0;
left: 5%; 
width: 200px;
padding:  0 20px 0 0 ;
margin: 0; 
background: url(images/side.png);
color: #ccc; 
text-align: right; 
}

#content h1 {
font-family:  georgia;
font-weight: normal;
font-size: 1.8em; 
text-transform: uppercase; 
margin: 20px 0 0 0;
padding: 0; 
color: #ccc;
}

#content h1 a {
text-decoration: none; 
color: #ccc;
}

#content h2 {
margin: 0 0 10px 0; 
padding: 0;
font-size: 1.3em;
font-weight: normal;
}

#content ul {
list-style: none;
margin: 10px 0;
padding: 0 0 0 30px;   
}

#content ul li a {
color: #ccc; 
text-decoration: none;
}

#content ul li a.active  {
color: #dc2648; 
text-decoration: none;
}

#content ul li a:hover {
color: #dc2648 ; 
text-decoration : none;
}

ul#contentinfo ul  li a:hover  { 
text-decoration: underline;  
}


/*  CSS POUR MOBILE
********************************************************************/


@media (max-width: 640px) { 
body { 
width: auto !important; 
margin: auto !important; 
padding: auto !important; 
} 
 
html, body {
font: 10px/12px sans-serif; 
padding: 3px; 
color: #000; 
margin: 0; 
text-align: left;
}  
 

#content {
position : relative ; 
top: 0 ;
left : 0 ; 
width : 100% ;
padding :  0 20px 0 0  ;
margin : 0  ; 
background :  url(images/side.png);
color : #ccc ; 
text-align : left ; 
}

#content h1 {
font: 12px sans-serif; 
margin : 0 ; 
padding : 10px ; 
}

#content ul {
margin : 0 ; 
padding : 10px ; 
}

#content ul li  {
line-height: 30px ;
display : block ;  
border-bottom : 1px solid #333 ;  
}

#content ul.nav {
margin-top : 20px ; 
text-align : left ; 
}
}