/* 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;
	}
	
#image, .imageright{
	float:right;
	margin: 10px 0px 0px 0px;	
	}

.inline{display: inline-block;}
	
#slogan{
	float:right;
	margin: 120px 20px 0px 0px;	
	}
	
	
	#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 10pxx;
    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:540px;
	height:500px;
	margin:150px 0px 0px 50px;

	}
#main.fluid{ /*dirty hack for poor design*/
	height: auto; 	background-color: white; margin-top: 50px; width: 600px; padding-left: 1em
}

.fluid h2 {
	font-family: 'oswaldbook';
	color:#dd951b;
	font-size:23px;
	text-decoration:none;
	}
.fluid h3{color:#8da22d}

.grandbloc{
    padding: 7px 10px;
    text-align: center;
    font-weight: bold;
    color:white;
    background-color: rgb(141, 162, 45);
    border-radius: 10px;
    margin: 0 10%;
}

.grandbloc a, .grandbloc a:visited{color: white}
.grandbloc a.mailto:hover{color: #484830;	}

#map{
	width:425px;
	height:350px;
}

#adress{
	width:200px;
	height:350px;
	margin-top:50px;
}


#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;
	color:#dd951b;
	}
	
	
.texte{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:130%;
	color:#000;
	}
	
h2.adress{
	font-family: 'oswaldbook';
	color:#dd951b;
	font-size:23px;
	text-decoration:none;
	}
	
	p.adress{
	font-family: 'oswaldbook';
	text-decoration:none;
	color:#000;
	font-size:14px;
	line-height:130%;
	}
	
	a.mailto{
	font-family: 'oswaldbook';
	text-decoration:none;
	color:#000;
	font-size:14px;
	line-height:130%;
	}
	
a:hover.mailto{
	color:#dd951b;
	
	}
	
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;
	}
	
a.pro{
	font-family: 'oswaldbook';
	font-size:25px;
	text-decoration:none;
	color:#FFFFFF;
	}

a.prive{
	font-family: 'oswaldbook';
	font-size:25px;
	text-decoration:none;
	color:#FFFFFF;
	}

p.login{
	font-family: 'oswaldbook';
	font-size:25px;
	text-decoration:none;
	color:#FFFFFF;
	}
	
	p.pass{
	font-family: 'oswaldbook';
	font-size:25px;
	text-decoration:none;
	color:#FFFFFF;
	}
	
a.map{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#dd951b;
	}