@charset "UTF-8";
/* CSS Document */

@font-face {
	font-family: arial, sans-serif;
	font-weight: normal;
    font-style: normal;
}



body{
background:url(img-interface/bandeau.png) repeat-x;
margin: 0 auto;
}

#page{
margin: 0 auto;
width: 642px;
}


.logo {
    width: 300px;
    margin: 50px auto 30px;
}
.logo img {
	margin-left: 70px;
}


h1{
font-size:20px;
color:#f29400;
text-align:center;
    font-family: 'Verdana', helvetica, arial sans-serif;
    font-weight: normal;
}
h2 {
    font-family: 'Verdana', helvetica, arial sans-serif;
    text-align: center;
    font-size: 17px;
    margin-bottom: 30px;
}
h2 a {

}

p{
font-size:12px;
font-family: Arial, sans-serif;
/*width:920px;*/
color:#676566;
}

.horaires{
	font-size:18px;
	}

.rougepapier{
	margin-left: 3rem;
}
	
span{
color:#f29400;
}


.info{
	text-align:center;
}

#tel{
	font-size:18px;
}

#adresse{
	font-size:18px;
}

a{
	text-decoration:none;
	/*color:#676566;*/
	color:#f29400;
}

a:hover{
	text-decoration:underline;
}

#catalogues{
	position:relative;
	z-index:0;
}

#gris{
	height:15px;
	width:inherit;
	background-color:#676566;
	position: relative;
	top: 60px;
}

#bloc{
	background: white;
	height:140px;
}

.table_bouton {
	text-align:center;
	padding: 35px;
	margin: 0 auto;
	background-color: #fff;
	padding: 10px 35px 10px 35px;
	position:relative;
	z-index: 10;
}

.table_bouton td {
	padding-right: 12px;
	padding-left: 12px;
}

.table_bouton a {
	display: inline-block;
	position: relative;
	-moz-box-shadow:inset 0px -2px 0px 0px #d0d0d0;
	-webkit-box-shadow:inset 0px -2px 0px 0px #d0d0d0;
	box-shadow:inset 0px -2px 0px 0px #d0d0d0;
	background: #f4f4f4;
	border: 1px solid #e4e4e4;
	border-radius: 9px;
	color:#da8600;
	font-family: 'Verdana', helvetica, arial, sans-serif;
	font-size: 14px;
	padding: 9px 6px 11px 35px;
	text-align: left;
	text-decoration: none;
	width: 150px;
}
	
.table_bouton a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #ffffff) );
	background:-moz-linear-gradient( center top, #ededed 5%, #ffffff 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
	background-color:#ededed;
	-webkit-box-shadow: inset 0px -2px 0px 0px #da8600;
    box-shadow: inset 0px -2px 0px 0px #da8600;
    -webkit-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}

.table_bouton a:before {
	display: inline-block;
	content: '' ;
    background: url(img-interface/fleche.png)no-repeat center center;
    width: 16px;
    height: 16px;
    background-size: contain;
    position: absolute;
    top: 9px;
    left: 12px;
}

#logos-footer {
	margin-left: auto;
	margin-right: auto;
	width: 936px;
	position: relative;
	z-index: 1;
	padding-bottom: 10px;
}

#logos-footer .point-e {
	float: right;
	margin-top: 10px;
	margin-bottom: 19px;
}

/* ----------- SLIDER ----------- */

.bx-wrapper {
	position: relative;
	height: auto;
}
.bx-wrapper:before {
	content: '';
	width: 118px;
	height: 85px;
	position: absolute;
    top: -51px;
    left: -21px;
	z-index: 10;
	/*background: url(../img-contenu/logo-10-ans.png) no-repeat top left;*/
	/*background: url(../../img-contenu/logo-10-ans.svg) no-repeat top left;*/
	-webkit-background-size: contain;
	background-size: contain;
}

#slider1 .slide {
width:642px;
height:300px;
}

#un{
background:url(img-interface/img1.jpg);
}

#deux{
background:url(img-interface/bureau.jpg);
}

#trois{
background:url(img-interface/casse.jpg);
}

#quatre{
background:url(img-interface/img2.jpg);
}

#cinq{
background:url(img-interface/img3.jpg);
}

#six{
background:url(img-interface/img4.jpg);
}

#sept{
background:url(img-interface/img5.jpg);
}

#huit{
background:url(img-interface/img6.jpg);
}

#neuf{
background:url(img-interface/nappe.jpg);
}

#dix{
background:url(img-interface/plateau.jpg);
}

#onze{
background:url(img-interface/boutique_2014.jpg);
}



.bx-next{
background: url(img-interface/fleche.png) no-repeat;
/*
position:relative;
padding:10px;
padding-right:15px;
top:-150px;
opacity:0.8;
right:-530px;
*/
height: 50px;
right: -65px;
position: absolute;
text-indent: -999999px;
top: 130px;
width: 50px;
}

.bx-wrapper>.bx-prev{
background: url(img-interface/fleche-prev.png) no-repeat;
/*position:relative;
top:-150px;
padding:10px;
padding-left:15px;
opacity:0.8;
left:10px;
text-indent:-999999px;
*/
height: 50px;
left: -55px;
position: absolute;
text-indent: -999999px;
top: 130px;
width: 50px;
}



#pictos {
	display: block;
	margin-bottom: 30px;
}
#pictos img {
    width: 642px;
}




#logos-footer {
	margin-top : 12px;
}
#logos-footer .point-e {
	margin-top: 20px !important;
   	right: 82px;
    position: relative;
}