@charset "utf-8";
body {
	background: url(image/paysage.jpg) no-repeat center 9.8em , url(image/fond.jpg);
}

.marge-top {
	margin-top: 1em;
}
.menu{
	padding: 0;
	margin: 0;
	list-style-type: none;
	
}
.menu a {
	color: #FFFFFF;
	font-size: large;
	
}
.fondshop  {
	background-image: url(image/logo_SAMA_WAAR.png);
	height: 107px;
	background-repeat: no-repeat;
	background-position: 0% 0%;
	margin-left:50px;
}


img{
	
	
	max-width:100%;
}


.rubrique {
	height: 20em;
}
/*.texteN {
	font-style: normal;
	font-size: 1,3em;
	text-align: justify;
}*/
.titreh1 {
	font-style: normal;
	font-weight: 400;
	font-family: aclonica;
}
/*.fond-logo {
	background-color: #FFFFFF;
	padding-top: 18px;
	padding-right: 100px;
	padding-bottom: 10px;
	padding-left: 15px;
	overflow-y: hidden;
	
	margin:auto;
}*/
.fond-bienvenue {
	/*background-image: url(image/ombrefree.png);*/
	background-repeat: no-repeat;
	background-position: 100% 97%;
	padding-bottom: 15px;
}
/*.ombre_logo {
	background-image: url(image/ombrePartenaires.png);
	background-position: 49% 88%;
	margin-bottom: 3px;
	background-repeat: no-repeat;
	padding-bottom: 30px;
}*/

.par_bien {
	/* [disabled]background-color: #FFFFFF; */
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	overflow: hidden;
	background-image: -webkit-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 64.25%);
	background-image: -moz-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 64.25%);
	background-image: -o-linear-gradient(270deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 64.25%);
	background-image: linear-gradient(180deg,rgba(255,255,255,0.00) 0%,rgba(255,255,255,1.00) 64.25%);
}

#colboutique select{
	
	padding:3.5%;
	
}



#client select{
	
	padding:3.5%;
	margin-bottom:10px;
}

#client {
	
	margin-bottom:20px;
	
}

#resultContainer select{
	
	padding:2%;
	
}



#foot {
	background: url(image/basBandeok.png) top center no-repeat, url(image/FOndBas.png);
}
.paraclient {
	text-transform: uppercase;
}
#entete {
	background-image: url(image/ombreBoutique.png);
	background-position: 50% 172px;
	background-repeat: no-repeat;
	padding-bottom: 20px;
	margin-top: 13%;
	
}

#entetes {
	background-image: url(image/ombreBoutique.png);
	background-position: 50% 172px;
	background-repeat: no-repeat;
	padding-bottom: 30px;
	margin-top: 13%;
		
}
#divclienthaut {
	background-color: #FFFFFF;
	overflow-y: hidden;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 12px;
	padding-left: 5px;
	min-height:200px;
}

#divclienthautclient {
	background-color: #FFFFFF;
	overflow: hidden;
	padding: 30px;
	
	min-height:600px;	
}

#divclienthautclient input,button{
	padding:0.7em;
}

#bienvenue{
	font-size: 1.1em;
	
}
#categorie {
	background-color: #ECD4D5;
	overflow-y: hidden;
	padding-top: 7px;
}
#menuclient {
	background-color: #704B4B;
	padding-top: 6px;
	padding-right: 6px;
	padding-bottom: 6px;
	padding-left: 6px;
}
#menuclient a {
	text-decoration: none;
	color: #FFFFFF;
	width: 34%;
	text-align: center;
}
#menuclient a:hover {
	background-color: #EFE3E3;
	color: #0E0000;
}

#searchInput{
	
	width:72%; 
	margin-left:20px;
}

/*#zrecherche{
	margin-left:20px;
}*/

.videocadre{
	width: 100%;
	padding: 1%;
	background-color: #fff8f0;
	overflow: hidden;
	
}

/*#textbienvenue{		
	margin-top:300px;
	}
@media screen and (max-width:991px)

*/

/* Tablettes (portrait + paysage) */
@media screen and (max-width: 991px) and (min-width: 768px){
	
	.fondshop  {
	background-image: url(image/logo_SAMA_WAAR2.png);
	background-size: 50%;
	background-position:center;
	margin-left:0px;
}
	
/*	.fond-logo {
	width:100%;
	padding:0px;	
}*/
		
	/*.fondpaysage {
	background-image: url(image/paysage.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	height: 16em;
	margin-top: 4px;
}*/
	
	/*body {
	background: url(image/paysage.jpg) no-repeat center 9.8em , url(image/fond.jpg);
}*/
	
	.videocadre{
	width: 95%;
	padding: 1%;
	
}
	
		
	#searchInput{
	
	width:88%; 
	
}
	

	.rs{
		
		display:none;
	}
	
	.fondshop  {
	
	margin-left:auto;
	margin-right:auto;
}

	
	
.menu a {
	background-color: #655543;
	display: block;
	margin-top: 4px;
	border-radius: 10px;
	margin-bottom: 4px;
	padding-top: 10px;
	padding-bottom: 10px;
	
}
	
	
.marget {
	margin-top: 50px;
}


}

/* Mobiles */
@media screen and (max-width: 767px) {
	
	 body {background: url(image/paysage2.png) no-repeat -30em 9.6em , url(image/fond.jpg);
}
	
	
	.fondshop  {
	background-image: url(image/logo_SAMA_WAAR2.png);
	background-size: 100%;
	background-position:center;
	margin-top:50px;
}
    
}

#formproduit select,input{
	
	padding:10px;
	font-size:1.3em;
}




.fond_bienvenue {
}
#info_client {
	margin-top: 1em;
}
#pubprestige {

}
#zoneproduit   {
	margin-top: 2%;
}

#fondproduit {
	/* [disabled]background-color: #FFFFFF; */
	overflow: hidden;
}

/*DEFILEMENT*/
.info-bar{
  
  color:black;
  padding:10px;
  overflow:hidden;
  height:300px;
  position:relative;
}

.scroll-text{
  position:absolute;
  top:0;
  width:100%;
  animation:defileVertical 125s linear infinite;
}

/* pause au survol */
.info-bar:hover .scroll-text{
  animation-play-state: paused;
}

@keyframes defileVertical{
  from{transform:translateY(0)}
  to{transform:translateY(-100%)}
}