/* Active tags HTML5 */  
header, nav, section, article, aside, figure, footer, legend, details, menu {  
    display: block;  
}

/* =CLASS GENERAL */
.clear {clear:both;}
.left, .float-left {float:left;}
.right, .float-right {float:right;}
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
.text-justify {text-align:justify;}
.top {margin-top:0; padding-top:0;}
.bottom {margin-bottom:0; padding-bottom:0;}
.nopadding { padding:0; }
.noindent {margin-left:0; padding-left:0;}
.indent {margin-left:.2em; padding-left:.3em;}
.nobullet {list-style:none;}
.invisible {visibility: hidden;}
.hide {display: none;}
.inside {
    margin: 0 10px 10px 0;
    padding: 0 10px 10px 0;
}

/* =STRUCTURE */
body {
	background-color: #fff;
	margin: 0px;
	font-size: 0.89em;
	font-family: Helvetica, Arial, Verdana, sans-serif;
	color: #555;
}
body>section {
	margin-right:auto;
	margin-left:auto;
}

section[id*=wrapper-1]{
    padding: 0 0 0 240px;
}
section[id*=level-1] {
    float: left;
    margin-left: -240px;
    padding-left: 240px;
    width: 100%;
}

/* LEVEL-1>COLUMN-1 */
section[id*=column-1] {
    float: left;
	width: 100%;
}
section[id*=column-1]>.inside {}

/* LEVEL-1>COLUMN-2 */
/* IE Hack */
section[id*=level-1]>section[id*=column-2]  { left: -240px; }
section[id*=column-2] {
    float: left;
    width: 240px;
    margin-left: -100%;
    left: 240px;
   /* border-right: 1px solid gray; */
}
section[id*=column-2]>.inside {}


/* =CLEAR FLOATS */
section, footer, div.inside {
    overflow: hidden;
    position: relative;
}
section::after, footer::after, div.inside::after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
}
.clear {
    clear: both;
    display: block;
    height: 0;
	overflow: hidden;
    visibility: hidden;
    width: 0;
}

/* =GLOBAL STYLES */
html { font-size: 75%;    /* 62.5% -> 1em = 10px / 75% -> 1em = 12px */ }
li { list-style-type: none; }
img { border: 0; }
a, a:link, a:visited, a:hover, a:active { color: #555; text-decoration: none; }

/* Images */

img#logo {
	width: 165px;
	height: 72px;
	padding-left: 0.3em;
	padding-right: 0.3em;
}

/* LISTES */
section[id*=level-1]>section[id*=column-1]>div.vign ul { padding: 0; }
section[id*=level-1]>section[id*=column-1]>div.vign ul li { width:53px; height:53px; display: inline; margin: auto auto; background:#fff;}
section[id*=level-1]>section[id*=column-1]>div.vign ul li a img { border:3px double #f1f1f1; background:#eee; }
section[id*=level-1]>section[id*=column-1]>div.vign ul li a img:hover, section[id*=level-1]>section[id*=column-1]>div.vign ul li a img:focus { border-color:#bbb; }
section[id*=level-1]>section[id*=column-1]>div.vign ul li a img:active { border-color:#222;}
section[id*=level-1]>section[id*=column-1]>div.vign ul li img { width:50px; height:50px; border:3px double #fff; }

section[id*=level-1]>section[id*=column-2]>div.inside ul { padding-top: 0; margin-top: 0;}
section[id*=level-1]>section[id*=column-2]>div.inside ul li:first-child  { padding-top: .2em; margin-top:0; }
section[id*=level-1]>section[id*=column-2]>div.inside ul li  { padding-left: .8em; }
section[id*=level-1]>section[id*=column-2]>div.inside ul li:last-child  { margin-top: 2em; }

.next, .prev { 
    /* absolute positioning relative to the overlay */ 
    position:absolute; 
    top:40%; 
 
    /* upcoming CSS3 rounded border feature */ 
    -moz-border-radius:5px; 
    -webkit-border-radius:5px; 
} 
 
/* progress indicator (animated gif). should be initially hidden */ 
.progress { 
    position:absolute; 
    top:45%; 
    left:50%; 
    display:none; 
} 
 
/* active thumbnail is raised on top of the mask using the z-index property */ 
#thumbs ul li a.active img { 
    outline:1px solid #000; 
    z-index:9999; 
    position:relative; 
}

.vign{ margin-top:3em;}


a:active {
  outline:none;
}
*:focus {
  -moz-outline-style:none;
}