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

body {
	font-size: 12px;
	font-family:  "Georgia", Times New Roman, Times, serif ;
	background: #f5f5f5 ;
	line-height: 17px ;
	color: #6D6F71 ;
}

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

a:link { text-decoration: none; color:#9d9fa2 }
a:active { text-decoration: none; color: #00ffff; }
a:visited {text-decoration: none; color:#9d9fa2}
a:hover { text-decoration: none; background-color: #00ffff ; }

a img { border: none; }

#menu {
    width: 180px;
    overflow: visible;
    top: 0;
    bottom: 0;
    position: fixed;
    height: 100%;
	background-color: none ;
	margin-left: 80px;
}

#menu ul {
	list-style: none;
	margin: 0 0 17px 0;
	/*text-align:center;*/
}

#menu li {
	/* margin-bottom:3px;*/

}

#menu ul li.section-title {
	border-bottom: 1px dotted #6d6f71;
	text-transform: uppercase;
	color:#6d6f71;
	font-size:13.2px;
	margin-bottom: 3px;
	padding-bottom:3px;
	letter-spacing: 0.3px;
	
	
	}
	

#logo {
	padding: 0 0 35px 0;
	background-color:#F5F5F5;
	/*display:block;
	margin-left:auto;
	margin-right:auto;*/
	
}


#content {
    height: 100%;
    margin: 70px 0 0 310px;
	width: 760px;
	background-image: url(http://www.clemographe.com/files/ctlong.png);
	background-repeat: no-repeat;
    /*top: 20;*/
}

#content a:hover {
	background-color: #f5f5f5;
}

.container {
    padding: 45px 0 0 0;
	/*margin-left: 90px;*/
}


#content p { width: 600px; }

p {
    /*margin: 0 0 10px 0;
    line-height:15px; */
}

h1 { font-size: 90px; font-weight: normal ; line-height: 1; }
h2 { font-size: 30px; font-weight: normal ; line-height: 1.3; }
h3 { font-size: 14px; font-weight: normal ; }
h4 { color:#000000 ; font-weight: bold; }

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

#once { clear: left; }