/**
* CSS
* 
* @version 1.0
* @author Vaska 
* @author Gregory Cadar
*/
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 11px;
	font-family: Verdana, sans-serif;
	background: #fff;
}

body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; color: #666; }
a:hover { text-decoration: underline; }

a img { border: none; }

#menu {
    width: 215px;
    overflow: auto;
    top: 0;
    bottom: 0;
	left: 0;
    position: fixed;
    height: 100%;
	background-color: transparent;
}

#menu ul {
	list-style: none;
	margin: 0 0 12px 0;
}

#menu ul li.section-title { width: 80%; font-size: 12px; font-weight: bold; border: 0; border-bottom: 1px solid #666; }

#content {
    height: 100%;
    margin: 0 0 0 215px;
    top: 0;
}

.container {
    padding: 5px 5px 25px 5px;
}

#content p { width: 400px; margin-bottom: 9px; }

p {
    margin: 0 0 9px 0;
}

h1 { font-size: 32px; }
h2 { font-size: 24px; }
h3 { font-size: 16px; }
h4 { font-size: 12px; }
h5 { font-size: 1.1em; color: #525252; }

#img-container	{ margin: 0; padding: 0; }
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0; }

#once { clear: left; }

/* ++++++++++++ specific sk style ++++++++++++ */

.the_link:link,  .the_link:visited,  .back:link,  .back:visited { color:#777; }
.the_link:hover,  .back:hover { color:#fff000; }
/*+++++++++++ nav behaviour +++++++++++
.nav, .nav_scroll { display: block; margin: 0; background-color: transparent; color:#777; position: fixed; top: 31px; left: 64%; border: 0px solid #333;}
*/
.nav, .nav_scroll { display: block; width:80px; position: absolute; left: 800px; text-align:center; margin:0 0 .2em 0; padding:.2em 0; background-color: #eee; color:#777; border: 0px solid #ccc;}
.nav_scroll { top: 21px; left: 64%; border: 0px solid #333;}
.the_link:link, .the_link:visited, .back:link, .back:visited { font-size: .9em; display: inline-block; text-align: center; text-decoration: underline; background-color: transparent; color:#ccc; padding: 0 2px; margin: 0; }
.the_link:hover, .back:hover { font-size: .9em; display: inline-block; text-align: center; text-decoration: none; background-color: #FFa500; color:#fff000; padding: 0 2px; margin: 0; }
.back { font-size: .96em; background-color: transparent; display: block; margin: 0 2em 0 0; }
/* columns style */
.col_wrapper, .col_wrapper_2 { font-size:1em; display: block; background-color: transparent; float: left; width: 760px; margin: 0 0 1em 0; border-bottom: 0px solid #777; }
.col_wrapper_1 { font-size:1em; display: block; background-color: transparent; float: left; width: 99%; max-width: 99%; margin: 0 0 .3em 0; }
.col_wrapper_cap, .col_wrapper_deux { font-size:1em; display: block; background-color: transparent; float: left; width: 500px; margin: 0 1em .3em 0; border: 0px solid #ccc; }
/* 2 columns style */
.col_2 { text-align: left; background-color: transparent; float: left; display: block; width: 48%; margin: 0; padding: .2em .5em .5em .2em; }
.col_2 p { background-color: transparent; width: 98% !important; margin: .16em; }
.col_cap { text-align: left; background-color: transparent; float: left; display: block; width: 48%; margin: 0; padding: .5em .2em .5em .2em; border-top: 1px solid #777; }
.col_cap p { background-color: transparent; width: 98% !important; margin: .16em; }

/*++ news p ++*/
.news { margin: .3em 0 .3em 0; width:100%; }