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

/************************************************
                    PAGE ACCUEIL
***************************************************/
@import url(http://fonts.googleapis.com/css?family=Comfortaa:400,700);

body {padding:0;margin:0; background-color:#EB6C1C}


/***********************************************
                     ANIMATION BOUTONS
***********************************************/
a.concept {
		background-image: url(img/menu/concept_0.jpg);
		background-repeat: no-repeat;
		background-position: left top;
		display: block;
		margin: 0px;
		padding: 0px;
		height: 79px;
		width: 166px;
		border-top-width: 0px;
		border-right-width: 0px;
		border-bottom-width: 0px;
		border-left-width: 0px;
}

a.concept:hover {
		background-image: url(img/menu/concept_1.jpg);
		background-repeat: no-repeat;
		background-position: left top;
}

a.boutique {}

a.boutique:hover {}

a.location {}

a.location:hover {}

a.actualite {}

a.actualite:hover {}

a.calendrier {}

a.calendrier:hover {}

a.contact {}

a.contact:hover {}



/**********FIN ANIMATION BOUTONS**************/


div.accueil {
		text-align:center;
		background:transparent;
		width:1024px;
		height:768px;
		position:relative;
		margin-top: 2%;
		margin-right: auto;
		margin-bottom: 45px;
		margin-left: auto;
}
div.accueil .faceb {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 63px;
	top: 413px;
}
div.image {
		margin: 0px;
		padding: 0px;
}


div.facade600,
div.imenu {
		display: none;
}


h1,h2,h3 {
		padding:0;
		margin:0;
		font-family: 'Comfortaa', cursive, Arial, Helvetica, sans-serif;
	
}

h1.boutique {
		position: absolute;
		left: 115px;
		top: 130px;
		width: 701px;
		font-size: 1em;
		font-weight: 400;
		padding: 0px;
		letter-spacing: 0.4em;
		text-align: center;
		margin-top: 0px;
		margin-right: 0px;
		margin-bottom: 5px;
		margin-left: 0px;		
}

h2.boutique {
		color: #FFF;
		position: absolute;
		top: 497px;
		left:2px;
		width: 1002px;
		letter-spacing: 0.2em;
		font-size: 1.9em;
		margin: 0px;
		padding: 0px;
		font-weight: 700;
		margin: 0px;
		padding: 0px;
}

h3.boutique {
		font-size: 1.2em;
		color: #FFF;
		position: absolute;
		left: 5px;
		top: 533px;
		width: 999px;
		margin: 0px;
		padding: 0px;
		font-weight: 300;
		margin: 0px;
		padding: 0px;
		letter-spacing: 0.1em;
}
/* --- Responsive styles --- */

	
@media only screen and (max-width: 920px) {
	
div.accueil {
		width: 100%;
}

div.facade600 {
		display: block;
		margin-right: auto;
		margin-left: auto;
}

div.accueil .faceb {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 44px;
	top: 358px;
}

div.image {
		display: none;		
}

h1.boutique, h2.boutique , h3.boutique  {
		text-align: center;
		margin: 0;
		padding: 0;
		width: 100%;
		position: static;
		top:0;
				
}

.imenu {
		width: 100%;
		margin-right: auto;
		margin-left: auto;
		display:block !important;
}
.imenu p {
		font-family: 'Comfortaa', cursive, Arial, Helvetica, sans-serif;
		font-size: 1.2em;
		font-weight: 700;
		text-transform: uppercase;
		color: #600;
}

.imenu ul {
		width: 50%;
		text-align: center;
		margin:0 auto;
}

.imenu ul li {
		padding: 10px;
		display: block;
		padding: 10px;
		float: none;
		text-align: center;
		border: 1px solid #6C5243;
		background-color: #CFBC9E;
		font-family: 'Comfortaa', cursive, Arial, Helvetica, sans-serif;
}

.imenu ul li a{
		font-size: 0.9em;
		font-weight: bold;
		color: #2D201C;
		text-decoration: none;
}

.imenu ul li a:hover {
		text-decoration: underline;
		color: #513A2B;
}
	

}

@media only screen and (max-width: 640px) {
div.accueil .faceb {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 29px;
	top: 167px;
}
div.accueil .faceb img {width:30px; height:30px;}
}