/* Common elements-----------------------------*/
body{
	margin:0;
	padding:0;
	font-family:Verdana,Helvetica,Tahoma,sans-serif;
	font-size:95%;
	background:white;
	min-width:750px;
	}

img{border:0;}
p{margin:1em 0;}
h1, h2, h3 {color:#01601C;margin:1em 0;padding:0.2em 0;line-height:120%;font-weight:normal;}
h1{font-size:150%;}
h2{font-size:150%;}
h3{font-size:130%;}
a{color:#01601C;}
a:visited{color:#797;}
a:hover{color:#83cb11;}

div1{
	border:1px solid black;
}

/* Layout -----------------------------*/

.wrapper{
	position: relative;
	margin: auto;
	width:86%;/*should be even to avoid Opera problem with 42.5% to position the left leaf*/
	/*max-width: 80em;/*will break the leaf-left given in %, otherwise, we need to introduce 2 extra divs in menu*/
	}
.sidebar{
	width:32%;
	position:absolute;
	top:0;left:0;
	color:gray;
	/*float:left; /*luchshe float, inache .copyright vsplyvaet, t.k. tolko .wrapper relative
	no togda glyuki s IE6 .content - on ego margin ne mozhet overlap s floatom!? */
	}
.content{
	width:66%;
	margin-left:34%;
	line-height:140%;
	}

	
/* Header ----------------------------------*/

.header{
	background: #2a9320 url("/images/css/bg/green_gradient.jpg") repeat-x;
	}
.header .wrapper{
	overflow:hidden;
	}	
.header img#logo{
	margin: 7px 0 0 0;
	float: left;
	}
.header img#visual{
	position:absolute;
	top:0;left:110px;
	}
.header h1{
	color:#98e611;
	margin: 130px 0 5px 110px;
	}
.header #date{
	color:#ffe610;
	position: absolute;
	left: 505px;
	top: 70px;
	font-size: 120% ;
	font-style: italic;
	}
	
	
	
	
	
/* NAVIGATION ---------------------------*/
/* Decoration -----------------------*/
div#menu{ /*id, to make it reachable with javascript for :hover*/
	background:#30810e url("/images/css/bg/green_menu.jpg") repeat-x;
	float:left;	/*to avoid overflow:hidden, which cuts the dropdown*/
	width:100%; /*to make IE stretch, since it is now float and collapses*/
	position:relative;
	z-index:2; /*in IE, parent has to have z-index, so that next relative element don't cover the dropdown menu*/
	}
#menu #bottom_of_menu{
	background:url("/images/css/bg/green_menu_bottom.jpg") repeat-x bottom;
	float:left;
	width:100%;	
	}
#menu #leaf_left{
	background:url("/images/css/leaf_left.png") no-repeat right;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/css/leaf_left.png,sizingMethod=crop);
	width:253px;
	height:219px;
	position:absolute;
	bottom:-105px;right:93%;
	margin-right:-29px;
	}
#menu #leaf_right{
	position:absolute;
	bottom:-60px;
	right:0;
	width:8%;
	max-width:130px;
	height:208px;
	background:url("/images/css/leaf_right.png") no-repeat;
	-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/css/leaf_right.png,sizingMethod=crop);
	}
/* List -----------------------*/
#menu ul{
	list-style-type:none;
	padding:0;
	}
#menu li{
	float:left;
	width:17%;
	background:url("/images/css/separator.gif") no-repeat right;	
	overflow:hidden;
	}
#menu li.narrow{
	width:16%;
	margin-right:-1px;
	}
#menu a{
	display:block;
	padding:0.3em;
	margin-right:2px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	color:white;
	}
#menu a:hover, #menu a.active{
	background: #1c6507 url("/images/css/bg/green_menu_over.gif") repeat-x;
	color:white;
	}
/* Dropdown ----------------------------*/
#menu li ul {
	padding:0;margin:0;
	background:#2a9320;
	position:absolute;
	width: 15em;
	left: -999em;
	}
#menu li:hover ul, #menu li.sfhover ul{
	left: auto;
	}
#menu li ul li{
	float:left; /*there is a bug in IE with float:none - it treats line breaks in html as margins*/
	width:100%;
	}
#menu li ul a{
	text-align:left;
	}
#menu li ul a:hover, #menu li ul a.active{
	background: #83cb11;
	}

	
	
	
	
	
	
/* MAIN ---------------------------------------------*/	
.main{
	background:url("/images/css/bg/grey_gradient.jpg") repeat-x;
	position:relative;
	clear:both;
	}
.main .content #shadow_left{
	width:24px;
	height:500px;
	position:absolute;
	top:15px;left:0;
	background:url("/images/css/shadow_left.gif");
	}
.main .content #shadow_right{
	width:24px;
	height:500px;
	position:absolute;
	top:15px;right:-1px;	/*v IE7 main:clear:both adds extra padding, if menu is float*/	
	background:url("/images/css/shadow_right.gif");
	}
	
	
	
/* Notepad ---------------------------------------------*/

/*.sidebar>*{margin-left:1em;margin-right:1em;}/*IE6 ne ponimaet*/
.notepad{
	background:#fbfbf9 url("/images/css/bg/notepad_grid.jpg") repeat-x;
	height:332px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;	
	position:relative;
	margin-top:15px;/*v IE7 main:clear:both adds extra padding, if menu is float*/
	}
.notepad #spiral{
	background:url("/images/css/spiral.jpg") no-repeat;
	width:86px;
	height:245px;
	position:absolute;
	top:90px;left:-77px;
	}
.notepad #notepad_shadow{
	background:url("/images/css/notepad_shadow.jpg") no-repeat;
	width:42px;
	height:29px;
	position:absolute;
	bottom:-3px;right:-2px;
	}

.notepad ul{ 
	list-style: none;
	line-height: 1.5em;
	margin: 45px 1em 0 30px; 
	padding: 0; 
 	}
.notepad li{ 
	margin: 0.3em 0; 
 	}	
.notepad #little_leafs{ 
	background: url("/images/css/little_leafs.gif") no-repeat;
	width: 104px;
	height: 36px;
	position:absolute;
	top:10px;
	left:20%;
	}
	

/* Title -------*/
.content #title_block{
	background:url("/images/css/bg/green_yellow.jpg") 50% 0;
	height:154px;
	}
	
div.title_picture{
	height: 154px;
	background: no-repeat 50% bottom;
	} 
#cofondateurs{ background-image: url(/images/css/title_visuals/etudiants.jpg) }
#cubic{ background-image: url(/images/css/title_visuals/cubic.jpg) }
#write{ background-image: url(/images/css/title_visuals/write.jpg) }
#arms{ background-image: url(/images/css/title_visuals/arms.jpg) }
#woman{ background-image: url(/images/css/title_visuals/woman.jpg) }
#phone{ background-image: url(/images/css/title_visuals/phone.jpg) }

div#title{
	background:#fde934 url("/images/css/bg/yellow_gradient.jpg") repeat-x;
	border-left:2px solid #ececec;
	border-right:2px solid #ececec;	
	}
#title h1{
	background:url("/images/css/bg/yellow_bottom.jpg") repeat-x bottom;
	margin:0;
	padding:0.2em 5%;
	}

	
	
	
/* Content -------*/
.main .content{ 
	position:relative;
	padding-top:15px;/*v IE7 main:clear:both adds extra padding, if menu is float*/	
	}
.content #contenttext, .content h1{
	margin-left: 5%;
	margin-right: 5%;
	text-align: justify;
	}	
.content #contenttext{ min-height:400px; }
.column50{
	float:left;
	text-align:left;
	width:49%;}

	

	
	
	
/* FOOTER --------------------------*/
	
.footer{
	background:#d7d7d7 url("/images/css/bg/grey_gradient2.jpg") repeat-x;
	clear:both;
	overflow:hidden;
	color:gray;
	padding-top:41px;
	}
.wrapper #leaf_partenaires{
	background:url("/images/css/leaf_partenaires.gif") no-repeat;
	width:129px;
	height:122px;
	position:absolute;
	top:-42px;left:-57px;
	}
	
.partenaires{
	background:url("/images/css/bg/partenaires_top.png") no-repeat right top;
	padding-top:25px;
	}
.partenaires .left{
	background:url("/images/css/bg/partenaires_left.png") no-repeat left bottom;
	/*-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/css/bg/partenaires_left.png,sizingMethod=crop);*/
	}	
.partenaires .bottom{
	position:relative;
	background:url("/images/css/bg/partenaires_bottom.png") no-repeat right bottom;
	/*-background-image: none;
	-filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/css/bg/partenaires_bottom.png,sizingMethod=crop);*/
	margin-left:24px; /*for left png*/
	padding-bottom:25px; /*for bottom png*/
	/*border:1px dotted #d7d7d7;/*needed for IE6 for sidebar positioning to work*/
	}	
		
.partenaires .sidebar p{
	padding:0 0 0 0.3em;
	margin:0;
	}
.partenaires .content p{
	border-left: 1px solid #d4d4d4;
	padding:0 0 0 4%;
	margin:0 0 0 -2%;
	}
.partenaires .logo{ 
	margin-right: 2em;
	}	

	
	
	
	
.copyright{
	position:relative;
	font-size:smaller;
	/*border:1px dotted #d7d7d7;/*needed for IE6 for sidebar positioning to work*/
	}
.copyright p.sidebar{
	margin:0;
	padding:1em 0 2em 2em;
	}
.copyright p.content{
	line-height:100%;
	margin:0 0 0 34%;
	padding:1em 0 2em 2em;
	}
#elinity_logo{ 
	position: absolute;
	bottom: 1.5em;
	}