html {
  background: -webkit-linear-gradient(left,rgba(85,72,65,1) ,rgba(0,0,0,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(85,72,65,1) ,rgba(0,0,0,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(85,72,65,1) ,rgba(0,0,0,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(85,72,65,1) , rgba(0,0,0,1)); /*Standard*/
}

body { 
	background: transparent; 
	color: #fff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size:160%;
}

h2 {
	color: #f21b56;
	text-align:center;
}

.wh-bg {
	background: #fff;
}

.slides { 
	list-style-type: none;
	padding: 0;
	margin: 0;
}

.slides li {
	padding: 0;
	margin: 0;
}

#site-menu, footer {
	background: #ffece0;
}

#site-menu ul {
	list-style-type:none;
	margin: 0;
	padding:0;
}

#site-menu ul li {
	display: inline-block;
	margin: 0;
	padding:0;
}

#site-menu ul li a {
	display: block;
	padding: 0.5em 2em;	
	text-decoration: none;
	color: #554841;
	font-size: 120%;
}

#site-menu ul li a:hover {
	background: #554841;
	color: #fff;
}

#page-banner {
	padding: 2em;
}
.header-top h2 {
	text-align: right;
	font-size:200%;
	margin:0;
	padding:0;
}

#page-banner h2 { margin: 0; padding: 0; }

header img { display: inline-block; }
.header-top { 
	float: right; 
	text-align: right;
	font-size: 120%;
	padding-top: 60px;
	}
	
	.header-top .bigger {font-size: 140%; }	
	
/* Small devices (tablets, 768px and up) */
@media (max-width: 768px) {
	#site-banner {
		height: 180px; 
	}

	#site-banner .slides { height: 180px; }
	#site-banner .slides li { width:30% !important;  position: center center !important; }
	
	#site-menu ul li a {
		font-size: 100%;
		padding: 0.5em 1em;	
	}
}

/* Small devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#site-banner {
		height: 280px; 
	}
}

/* Medium devices (desktops, 992px and up) */
@media (min-width: 992px) { 
	#site-banner , #site-banner img{
		height: 220px; 
	}
}

/* Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) { 
	#site-banner {
		height: 400px; 
	}
}

#site-banner { overflow: hidden; }

#site-banner img {
width: 100%;
height: auto;
}
#sub-site-banner {
	background: #ffece0;
	width: 100%;
	height: 16px;
}

footer {
color: #554841;
padding: 2em;
font-size: 80%;
}

footer a {
color: #554841;
}

a {
color: #f21b56;
}

a:hover, footer a:hover {
color: #f21b56;
text-decoration: underline;
}

@media (min-width: 768px) {
.main-left-col {
background-repeat: no-repeat;
min-height:480px;
background-position:0% 80%;
}

.mode {
background-image: url(/uploads/cs2015/images/buste.png);
}

.mercerie {
background-image: url(/uploads/cs2015/images/mercerie.png);
}
}

.cms_submit {
background: #ffece0;
color: #554841;
border: none;
padding: .7em;
border-radius: 8px;
}

.cms_submit:hover {
color: #f21b56;
background:#dfbfab;
}

.container { display: table; }
.cs-left { background-color: #ff0000;display: table; height:100%; }

textarea { color: #000; }
/* Stylesheet: cs2015 Modified On 2016-05-14 09:39:43 */
