@charset "UTF-8";

 /*@media (max-width: 649px)
  {
  */
  
	@media screen and (max-width: 633px) {
	


/*  --------------- structure --------------- */	
#wrap {
	width:300px;
	height: auto;
	margin:0 auto;
	}

#top {
	width:100%;
	height: 150px;
	margin:8px 0 4px 0;
	}

#logo {
	width:130px;
	}
	
	
#chapo {
	width:170px;
	height:80px;
	padding-right:0;
	text-align:lrft;
	font-size: 26px;
	}

#villes {
	width:180px;
	padding:20px 0 0 0;
}

#menu_langue {
	/*width:120px;*/
	padding:0;
	padding:20px 0 0 0;
	}
	
#header {
	display:none;
	width:100%;
	height:100%;
	background-color: #fff;
	display: block;
	}
		
#navigation {
	width:100%;
	height:auto;
	padding-bottom: 10px; 
	margin: 0;  
    text-align: center;		
	float:left;
	}
		
#content {
	width:100%;
	height:auto;
	margin-top: 10px;  
	}
	
#designed {
	height:20px;
	margin-top:30px;
	font-size:0.8em;
	text-align:right;
    bottom: 10px;
	position: absolute;
	color: #aaa;
	right:0px;
	}
		
#footer {
	width:100%;
	height:60px;
   	margin-top:10px ;
	font-size:1em;
	text-align:center;
	float: right;
    top: 0px;
    position: relative;
	}

/* --------------- slider --------------- */
.slider-big {
	display:none;
	}

.slider-mini {
	display:none;
	}

.slider-tiny {
	display:block;
	height:300px;
}

#featured { 
	width:300px;
	height: 300px !important;
	overflow: hidden; }
#featured>img,  
#featured>div,
#featured>a { display: none; }



/*------navigation---------------*/
#navigation li a {
	 display:inline-block;
	 color:#333;
	 text-decoration:none;
	 padding-left:8px;
	 padding-right:8px;
 }
 
/*------menu langue---------------
#menu_langue ul li ul li a{
	display:block;
	width:100px;
	padding:5px 0px;
	margin:1px;
	background:#666;
	border:none;
	outline:none;
	text-align:center;
	font-size:0.9em;
	color:#fff;
	}

#menu_langue ul li ul {
	top:5px;
	right:90px;
	}*/

/*------boxes---------------*/
.b1,.b2,.b3,.b4 {
	margin-right:0px;
		}


  /* --------------- box accueil texte --------------- */
.box {
	float:left;
	font-size:3em;
	width:336px;
	height:336px;

}

		
.large {
	display:none;
	width:320px;
}
		
.carre {
	width:300px;
	height:300px;
}

.imgmobile {
  float:left;
	width:300px;
}
			
			
.roll img {
  opacity: 1.0;
  filter:alpha(opacity=20);
  border:0;
}

.roll:hover img {
  opacity: 0.5;
  /*filter:alpha(opacity=50); */
   border:0; 
}

a.roll {
	display: -moz-inline-box;
	display: inline-block;
}

/*.roll:hover {
  background:#CC9900;
}*/


.btext {
position:relative;
	/*color: #fff;*/
	font-size:0.6em;
	text-align:center;
	text-transform:uppercase;
}

.lettrine{
	/*color: #fff;*/
	font-size:150%;
}

.btext1 {
	color: #000;
	top:-120px;
	}

.btext2 {
	color: #fff;
	top:-90px;
	}

.btext3 {
	color: #fff;
	top:-110px;
	}

.btext4 {
	color: #fff;
	top:-300px;
	}

.btext5 {
	color: #fff;
	top:-160px;
	}
 
  /* --------------- activités --------------- */

.c-titre {
  float:left;
  width:100%;
  margin-right:0px !important;
  padding-left:0;
  padding-right:0;
  text-align:left;
  border-top:none;
 /* background-color:#666666;*/
}

.titreliquide1 {
  float:left;
  width:100%;
  height:300px;
  margin:20px 30px 20px 0;
  text-align:left;
background:url(../images/blackorchid.png);
  
}

.c-article {
  float:right;
  width:100%;
  /*margin-top:20px;*/
  border-right:none;
  padding-right:0;
}

#service1,#service2,#service3,#service4,#service5 {
  float:right;
  width:100%;
 /* margin-top:30px;*/
 /* background-color:#666666;*/
}

.imgright, .imgleft {
  float:left;
	width:100%;
	margin:20px 0 10px 1px;
}

.color-sample {
 display: none;
}



  /* --------------- references --------------- */
.references img {
		/*border-color:222;
	border-style:solid;
	border-width:5px;*/
	max-width:130px;
	max-height:130px;
	margin:20px 8px;
}

/*-----------------font------------------------*/
h2 {
	display:block;
	font-size:1.8em;
	padding-top:0px !important;
	font-family: Georgia, Arial, sans-serif; font-weight: 300;
	font-weight:400;
	margin-bottom:0;
	position:relative;
	border-right:solid #CC9900 15px;
	width:280px;
	padding-right:5px;
	right:0px;
}

h3 {
	font-size:1.5em;
	font-family: Georgia, Arial, sans-serif; font-weight: 300;
	font-weight:400;
	width:290px;
	/*line-height:0.1em;*/
}

.voiturier {
	display:block;
} 

/*-----------------mebnu follow------------------------*/
#footer li ul {
	left:80px;
	}



/*-----------------contact form------------------------*/
#cfg-element-91-9 {
width: 280px !important;
}
 
}