/*
Style made for eko-think.com
Version: 1.0

Developped by Adrien Felsmann
http://www.adrienfelsmann.fr/
*/



/* Reset */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img { 
	border: 0;
}
address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}
caption, th {
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before, q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}



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



/* Containers */
html {
	background: url(http://www.eko-think.fr/images/shadow.jpg) repeat-x #9dc214;
	color: #1f1f1f;
	line-height: 130%;
	font-family: Verdana, sans-serif;
	font-size: 9px;
}


body {
	background: url(http://www.eko-think.fr/images/background.jpg) no-repeat;
	width: 890px;
	height: 600px;
	margin: 0 auto;
	border-right: 2px solid #434245;
	border-bottom: 2px solid #434245;
	border-left: 2px solid #434245;
	color: #1f1f1f;
}
body a {
	color: #1f1f1f;
}


#main #logo a {
	position: absolute;
	background: url(http://www.eko-think.fr/images/logo-eko-think.jpg) no-repeat;
	width: 292px;
	height: 121px;
	margin: 15px 0 0 18px;
}

#main #menu {
	position: absolute;
	margin: 180px 0 0 0;
}
#main #menu .services {
	background: url(http://www.eko-think.fr/images/menu-tab-services.jpg) no-repeat;
	height: 25px;
	display: block;
	margin: 0 0 10px 0;
}
#main #menu .nous {
	background: url(http://www.eko-think.fr/images/menu-tab-nous.jpg) no-repeat;
	height: 25px;
	display: block;
	margin: 0 0 10px 0;
}
#main #menu .references {
	background: url(http://www.eko-think.fr/images/menu-tab-references.jpg) no-repeat;
	height: 25px;
	display: block;
	margin: 0 0 10px 0;
}
#main #menu .contact {
	background: url(http://www.eko-think.fr/images/menu-tab-contact.jpg) no-repeat;
	height: 25px;
	display: block;
}
#main #menu ul {
	padding: 10px 0 30px 55px;
}
#main #menu ul li {
	padding: 0 0 2px 0;
}





#main #index {
	position: absolute;
	width: 551px;
	margin: 85px 0 0 250px;
}
#main #index .middle {
	margin: 0 0 0 150px;
}
#main #index h2 {
	width: 450px;
	margin: 0 auto 15px -25px;
	font-size: 17px;
	line-height: 130%;
	font-weight: bold;
	color: #404040;
	text-align: center;
}
#main #index .sep {
	width: 100px;
	margin: 40px auto;
	border-bottom: 1px solid #9ec10e;
}
#main #index em {
	width: 410px;
	margin: 0 auto 15px auto;
	font-style: italic;
	font-size: 12px;
	line-height: 130%;
	color: #404040;
	text-align: center;
	display: block;
}
#main #index .actualites {
	background: url(http://www.eko-think.fr/images/actualites.jpg) no-repeat;
	width: 551px;
	height: 195px;
	padding: 60px 0 0 100px;
	margin: 30px 0 0 45px;
	font-size: 12px;
	font-weight: bold;
}
#main #index .actualites li {
	margin: 0 0 15px 0;
}





#main #content {
	position: absolute;
	width: 500px;
	margin: 35px 0 0 350px;
}
#main #content .half {
	width: 240px;
	float: left;
}
#main #content .grey {
	background: url(http://www.eko-think.fr/images/equipe.jpg) no-repeat;
	margin: 35px 0 0 0;
	width: 220px;
	height: 470px;
	float: right;
}
#main #content .dd {
	width: 420px;
	display: block;
	margin: 0 0 50px 0;
	font-size: 10px;
}
#main #content h2 {
	margin: 0 0 15px 0;
	font-size: 17px;
	font-weight: bold;
	color: #9fc204;
}
#main #content h2 small {
	font-size: 10px;
	font-style: italic;
	font-weight: normal;
}
#main #content h2 a {
	color: #9fc204;
	text-decoration: none;
}
#main #content h2 a:hover {
	text-decoration: underline;
}
#main #content .title {
	font-size: 17px;
	font-weight: bold;
	color: #9fc204;
}
#main #content .p {
	margin: 0 0 30px 0;
}
#main #content .p2 {
	margin: 0 0 23px 0;
}
#main #content p {
	margin: 0 0 7px 0;
}



#main #references {
	position: absolute;
	margin: 0 0 0 760px;
	width: 130px;
}
#main #references .mj {
	position: absolute;
	margin: 285px 0 0 0;
}
#main #references .qdp {
	position: absolute;
	margin: 450px 0 0 0;
}
#main #references .ap {
	position: absolute;
	margin: 510px 0 0 0;
}
#main #references img {
	border: 2px solid #9dc212;
}


#main #content2 {
	position: absolute;
	margin: 20px 0 0 352px;
}
#main #content2 .marg {
	margin-bottom: -14px;
}
#main #content2 .marg2 {
	margin-bottom: -18px;
}
#main #content2 .marg3 {
	margin-bottom: -15px;
}
#main #content2 .marg4 {
	margin-bottom: -23px;
}
#main #content2 .marg5 {
	margin-bottom: -10px;
}
#main #content2 .marg6 {
	margin-bottom: -12px;
}
#main #content2 .para {
	padding: 14px 0 0 0;
}
#main #content2 .para li {
	margin: 0 30px 4px 60px;
	list-style-type: disc;
	color: #9ec10e;
}
#main #content2 .para li span {
	color: #1f1f1f;
}
#main #content2 .para2 {
	padding: 14px 0 0 0;
}
#main #content2 .para2 li {
	margin: 0 30px 4px 60px;
	list-style-type: disc;
	color: #1f1f1f;
}
#main #content2 .para2 li span {
	color: #1f1f1f;
}
#main #content2 .enjeux {
	background: url(http://www.eko-think.fr/images/p-enjeux.jpg) no-repeat;
	width: 519px;
	height: 135px;
}
#main #content2 .enjeux2 {
	background: url(http://www.eko-think.fr/images/p-enjeux2.jpg) no-repeat;
	width: 519px;
	height: 139px;
}
#main #content2 .enjeux3 {
	background: url(http://www.eko-think.fr/images/p-enjeux3.jpg) no-repeat;
	width: 519px;
	height: 162px;
}
#main #content2 .vision {
	background: url(http://www.eko-think.fr/images/p-vision.jpg) no-repeat;
	width: 519px;
	height: 138px;
}
#main #content2 .vision2 {
	background: url(http://www.eko-think.fr/images/p-vision2.jpg) no-repeat;
	width: 519px;
	height: 146px;
}
#main #content2 .missions {
	background: url(http://www.eko-think.fr/images/p-missions.jpg) no-repeat;
	width: 519px;
	height: 168px;
}
#main #content2 .missions3 {
	background: url(http://www.eko-think.fr/images/p-missions3.jpg) no-repeat;
	width: 519px;
	height: 132px;
}
#main #content2 .plus {
	background: url(http://www.eko-think.fr/images/p-plus.jpg) no-repeat;
	width: 519px;
	height: 91px;
}
#main #content2 .plus3 {
	background: url(http://www.eko-think.fr/images/p-plus3.jpg) no-repeat;
	width: 519px;
	height: 107px;
}



#main #content #browser .path {
	background: url(http://www.eko-think.fr/clients/_/icons/folder_explore.png) no-repeat;
	margin: 0 0 20px 0;
	padding: 2px 0 1px 20px;
	display: block;
	color: #646567;
	font-size: 11px;
}
#main #content #browser {
	margin: 47px 0 0 30px;
}
#main #content #browser .folder {
	background: url(http://www.eko-think.fr/clients/_/icons/folder.png) no-repeat;
	padding: 3px 0 2px 20px;
	display: block;
	text-decoration: none;
}
#main #content #browser .folder:hover {
	text-decoration: underline;
}
#main #content #browser .file {
	background: url(http://www.eko-think.fr/clients/_/icons/page.png) no-repeat;
	margin: 3px 0 0 0;
	padding: 4px 0 2px 20px;
	display: block;
	text-decoration: none;
}
#main #content #browser .file:hover {
	text-decoration: underline;
}
#main #content #browser .links {
	margin: 20px 0 0 0;
}


#main #content .admin .users {
	float: left;
	margin: 0 2px 0 0;
}
#main #content .admin .users li {
	width: 135px;
	margin: 0 0 2px 0;
	padding: 5px 5px 5px 23px;
}
#main #content .admin .users .admin {
	background: url(http://www.eko-think.fr/clients/_/icons/user_gray.png) no-repeat #dddddd 3px 3px;
}
#main #content .admin .users .client {
	background: url(http://www.eko-think.fr/clients/_/icons/user_suit.png) no-repeat #dddddd 3px 3px;
}
#main #content .admin .users li .name {
	float: none !important;
	float: left;
}
#main #content .admin .users li .options {
	float: right;
}
#main #content .admin .users li .modify {
	background: url(http://www.eko-think.fr/clients/_/icons/pencil.png) no-repeat;
	width: 16px;
	height: 16px;
	padding: 2px 8px;
	margin: 0 5px 0 0;
	text-decoration: none;
}
#main #content .admin .users li .delete {
	background: url(http://www.eko-think.fr/clients/_/icons/delete.png) no-repeat;
	width: 16px;
	height: 16px;
	padding: 2px 8px;
	text-decoration: none;
}
#main #content .admin .labels {
	width: 100px;
	float: left;
}
#main #content .admin .labels label {
	margin: 0 0 7px 0;
	font-weight: bold;
	display: block;
}
#main #content .admin .fields {
	float: left;
}
#main #content .admin .fields .field {
	width: 120px;
	padding: 1px;
	margin: 0 0 2px 0;
	font-size: 9px;
	color: #bbbdbe;
	border: 1px solid #464646;
	display: block;
}
#main #content .admin select {
	width: 100px;
	margin: 0 0 2px 0;
	font-size: 9px;
	color: #bbbdbe;
	border: 1px solid #464646;
}
#main #content .admin .button {
	background: #464646;
	border: none;
	width: 20px;
	height: 17px;
	font-size: 7px;
	color: #ffffff;
	font-family: Arial, sans-serif;
}



#main #plaquette {
	position: absolute;
	margin: 510px 0 0 160px;
}



#main #login {
	position: absolute;
	margin: 522px 0 0 10px;
}
#main #login a {
	margin: 0 0 2px 0;
	display: block;
}
#main #login .title {
	display: block;
	margin: 0 0 3px 0;
	font-weight: bold;
	font-size: 10px;
	color: #646567;
}
#main #login .error {
	display: block;
	margin: 2px 0 0 0;
	color: #ff0000;
}
#main #login .field {
	width: 64px;
	padding: 1px;
	margin: 0 0 2px 0;
	font-size: 9px;
	color: #bbbdbe;
	border: 1px solid #464646;
}
#main #login .button {
	background: #464646;
	border: none;
	width: 20px;
	padding: 1px 0;
	font-size: 7px;
	color: #ffffff;
	font-family: Arial, sans-serif;
}
#main #login label {
	margin: -12px 0 0 17px;
	display: block;
}



#main #footer {
	position: absolute;
	margin: 580px 0 0 350px;
	color: #ffffff;
	font-size: 9px;
	font-family: Arial, sans-serif;
}
#main #footer a {
	color: #ffffff;
}
#main #footer .copyright {
	margin: 0 0 0 130px;
}



.clear {
	clear: both;
}