@charset "utf-8";
/* CSS Document */
/*PARAMETRES GENERAUX*/
*{margin:0; padding:0; color:#333;}

h1, h2, h3{
	font-family: 'Amatic SC', cursive;
}

h3{
	font-size:40px;
	color:#FFF;
}

h2{
	font-size:40px;
}

.yellow{
	color:#F3B557;
}

.blue{
	color:#8CBEB2;
}

.red{
	color:#F05B47;
}

.col_3{
	width:290px;
	display:inline-block;
}

.col_3:nth-child(n+2){
	margin-left:60px;
}
	
#container{
	position:relative;
	width:100%;
	overflow:hidden;

}

.container1000{
	width:1000px;
	margin:auto;
}


/*HEADER*/
#header{
	position:relative;
	height:100px;
	width:100%;
	background:#FFF;
	z-index:100;
	


		overflow:visible;
}

#logo{
	float:left;
	margin:15px 0 0 15px;
}

#menu{
	font-family: 'Amatic SC', cursive;
	font-size:40px;
	font-weight:600;
	line-height:100px;
	
}


#menu li{
	float:left;
	margin-left:50px;
	list-style:none;
	color:#8CBEB2;
}

#menu a{
	text-decoration:none;
	color:#8CBEB2;
}


#menu li:first-child:hover{
	
-webkit-box-shadow:inset 0px -10px 0px 0px #F3B557;
-moz-box-shadow:inset 0px -10px 0px 0px #F3B557;
box-shadow:inset 0px -10px 0px 0px #F3B557;
}

#menu li:hover{
-webkit-box-shadow:inset 0px -10px 0px 0px #F05B47;
-moz-box-shadow:inset 0px -10px 0px 0px #F05B47;
box-shadow:inset 0px -10px 0px 0px #F05B47;

	list-style-image:url(img/puce_menu.png);
}


#panier{
	float:right;
	margin:20px 20px 0 0;
}

/*SLIDER*/
#slider{
	width:100%;
	height:300px;
	background:url(img/530357_10201786383518576_2023701165_n.jpg);
	background-position:0px -850px;
	background-size:cover;
}





ul.images { position:relative; top:0px;left:0px; }

#slider h3{position:relative; top:20px; left:20px;}
.images li{list-style:none;}
.images li a{text-decoration:none;}

#slider img { position:absolute; top:130px;left:50%; margin-left:-380px; list-style:none;}

ul.triggers { position:absolute; top:120px; right:00px; }
   ul.triggers li { 
        margin:0 5px;
		font: bold 16px arial;
		cursor:pointer;
        list-style-image:url(img/puce.png);
		color:#000;
		float:left;
		padding:10px;
    }ul.triggers li.selected { list-style-image:url(img/puce-select.png); color:#000;}


/*SEPARATOR*/
#snow_separator{
	position:absolute;
	top:338px;
	width:100%;
	height:63px;
	background:url(img/separator.png);
	z-index:99;
}



/*CONTENT*/
.quote{
	font-size:40px;
	text-decoration:underline;
	font-family: 'Amatic SC', cursive;
	font-weight:600;
}
.author{
	font-size:30px;
	text-decoration:underline;
	font-family: 'Amatic SC', cursive;
	font-weight:600;
}

#content{
	margin-top:10px;
}

#content h2{
	text-align:center;
}

#content p{
	font-family: 'Alegreya Sans', sans-serif;
	text-align:justify;
}



/*PLANCHES*/
#last_boards{
	position:relative;
	width:100%;
	height:650px;
	background:url(img/last_board.jpg);
	background-size:cover;
	background-position:center;
	margin:40px 0 0 0;
	overflow:hidden;
}

#last_boards h2{
	position:relative;
	top:20px;
	left:20px;
}

.product img{
	height:385px;
	padding-left:40px;
	
}

.product{
	width:290px;
	text-align:center;
}

.container1000 a:nth-child(n+2){
	margin-left:60px;
}


#header select{
	display:none;
}

#addto{
	text-align:justify; padding:5px; background-color:#8CBEB2; text-align:center; color:#FFF; font-family: 'Amatic SC', cursive; font-size:40px; margin:25px 0 0 10px;
}

#addto:hover{background-color:#099;
}

#price{
	text-align:justify; padding:5px; background-color:#4F4046; text-align:center; color:#FFF; font-family: 'Amatic SC', cursive; font-size:40px; margin:0 0 0 10px;
}


/*FOOTER*/

#footer{
	display:block;
	
	width:100%;
	min-width:1000px;	
	margin:20px 0 0 0;
	
}

#footer_inside{
	display:block;
	width:1000px;
	margin:auto;
	padding:20px 0 20px 0;
}

.footer_item{
	display:inline-block;
	width:300px;
	
	color:#FFFCE2;
}



#logo_footer{
	text-align:center;
}

.footer_item h2{
	background:#152A38;
}

.footer_item:nth-child(n+2){
	margin-left:46px;
}

.footer_item li{
	list-style:none;
	padding:10px 0 0 10px;
	
	font-family:Verdana, Geneva, sans-serif;
	text-decoration:none;
	
}

.footer_item a{
	text-decoration:none;
	
}

.align_right{
	text-align:right;
}

#copyright{
	font-family: 'Amatic SC', cursive;
	text-align:center;
	color:#FFFCE2;
	
	display:block;
	width:100%;
	min-width:1000px;
	height:30px;
	line-height:30px;
	
	
	background-color:#152A38;
}


@media only screen and (max-width:800px) {
 .container1000 {
 width:400px;
 text-align:center;
 }
 
 .col_3:nth-child(n+2){
	margin-left:0px;
	margin-top:10px;
}


.product img{
	-webkit-transform:rotate(90deg);
	widht:100%;
	margin-bottom:-150px;
}

.product{
	margin-top:-100px;
}

.container1000{
}

#slider img { position:absolute; top:130px;left:50%; margin-left:-50%; list-style:none; width:100%}

#last_boards{
	height:900px;
}

#menu,#panier{display:none;}


ul.triggers{display:none;}

#header select{
	display:inline;}
 
#slider{
	width:100%;
	height:300px;
	background:url(img/530357_10201786383518576_2023701165_n.jpg);
	background-position:0px 0px;
	background-size:cover;
}
 
}

@media only screen and (max-width:1000px){
#slider{
	width:100%;
	height:300px;
	background:url(img/530357_10201786383518576_2023701165_n.jpg);
	background-position:0px 0px;
	background-size:auto;
}
}