/* CSS Document */


body{
	background-image:url(../images/cubeclaire.png);
	background-repeat:repeat;
	}
	
#header{
	width:100%;
		margin:0 auto;
		padding:0px;
		position:relative;
		background-color:#FFF;	
	}

#wrapper{
	
	width:1024px;
	height:750px;
		margin:0 auto;
		padding:0px;
		position:relative;
	
	}
#entete{
	background-image:url(../images/cube.png);
	background-repeat:repeat;

	width:100%;
	height:130px;
	margin:0px;
}


#images{
	float:right;
	width:478px;
	height:500px;
	margin:-100px 0px 0px 0px;
	
	}
	
#logo{
	float:right;
	}
	
	
	#barnav{
		position:absolute;
		  vertical-align: middle;
	margin:0 auto;
	}
	
#barnav li{
	text-align:center;
	float:right;
	margin:0px 50px 0px 0px;
	list-style:none;
	text-align:center;
}

#barnav a{
	display:block;
	width: 120px;
	height: 36px;
	-moz-border-radius:0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
	
	}
	
li.accueil, li.produits, li.contact, li.coop { width:120px;
	height:36px;
	background-color:#8da22d;
	-moz-border-radius:0px 0px 10px 10px;
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;}
li:hover.produits, li:hover.contact, li:hover.coop, li:hover.accueil{ background-color:#484830;}

li.active{ background-color:#484830;}
	

#main{
	position:absolute;
	width:950px;
	height:500px;
	margin:60px 0px 0px 50px;
	}

#slider{
	position:absolute;
	width:521px;
	height:165px;
	}
	
#texte{
	position:absolute;
	width:525px;
	margin:180px 0px 0px 0px;
	}
	
	
#news{
	width:275px;
	height:430px;
	margin:60px 0px 0px 0px;
	float:right;
}

#actu{
		background-image:url(../images/news.png);
	background-repeat:no-repeat;
	width:299px;
	float:right;
}


#idee{
	width:275px;
	float:right;
	margin:50px 0px 0px 0px;
}
#textenews{
	background-image:url(../images/cubeclaire.png);
	background-repeat:repeat;
	width:246px;
	float:right;
	margin:18px 21px 0px 0px;
	padding:0px 0px 0px 10px;

}

#footer{
	background-color:#8da22d;
	width:100%;
	height:30px;
}

/*........................style.............................. */


@font-face {
    font-family: 'oswaldbook';
    src: url('oswald/oswald-regular.eot');
    src: url('oswald/oswald-regular.eot?#iefix') format('embedded-opentype'),
         url('oswald/oswald-regular.woff') format('woff'),
         url('oswald/oswald-regular.ttf') format('truetype'),
         url('oswald/oswald-regular.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'lobster_1.4regular';
    src: url('fontlobster/lobster_1.4.eot');
    src: url('fontlobster/lobster_1.4.eot?#iefix') format('embedded-opentype'),
         url('fontlobster/lobster_1.4.woff') format('woff'),
         url('fontlobster/lobster_1.4.ttf') format('truetype'),
         url('fontlobster/lobster_1.4.svg#lobster_1.4regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

.barnav{
	font-family: 'oswaldbook';
	text-decoration:none;
	color:#FFFFFF;
	font-size: 20px;
	padding-top:8px;	
}
	
.titret{
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	line-height:110%;
	color:#dd951b;
}
	
.texte{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-align:justify;
	line-height:130%;
	color:#000;
	}
	
h1{
	font-family:'lobster_1.4regular';
	color:#dd951b;
	font-size:35px;

	}
	
h3{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#dd951b;
	}
	
.texten{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:130%;
	color:#000;
	}
	
p.footer{
	font-family: 'oswaldbook';
	font-size:14px;
	color:#FFFFFF;
	padding: 8px 0px 0px 30px;
	}
	
a.footer{
	font-family: 'oswaldbook';
	font-size:14px;
	text-decoration:none;
	color:#FFFFFF;
	padding: 8px 0px 0px 30px;
	}

a:hover.footer{
	font-family: 'oswaldbook';
	font-size:14px;
	text-decoration:none;
	color:#000;
	padding: 8px 0px 0px 30px;
	}
	
	.mail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:130%;
	text-decoration:none;
	color:#dd951b;
	}

a:hover.mail{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:130%;
	text-decoration:none;
	color:#8da22d;
	}