@charset "utf-8";
body { margin:0; padding:0; width:100%; background:#fff;}
html { padding:0; margin:0;}
/* main */
.main {width:100%; padding:0; margin:0 auto; background:
#fff;} 
/********** header **********/
.header { background:url(header_bg.png) top repeat-x; padding:0; margin:0 auto; }
.headerjojo { background:url(http://www.smartcoyote.com/chinatoulouse/assets/themes/carbon/images/header-background.png); padding:0; margin:0 auto; }

.block_header {margin:0 auto; width:960px; padding:0; border:none;}
/* logo */
.logo { float:left; padding:0; margin:0; width:841px;}
.flag { float:right; padding:0; margin:4px 4px 4px 4px; width:35px;}
.flag2 { float:right; padding:0; margin:4px 4px 4px 4px; width:35px;}
 /* sub_text */
.sub_text { background: url(sub_text_bg.jpg) top center repeat-x; padding:0; margin:0; height:140px;}
.sub_text_resize { width:960px; margin:0 auto; padding:0;}
.sub_text_resize img { float:right; padding:50px 0 0 0; margin:0;}
.sub_text_resize h2 { font: normal 40px Arial, Helvetica, sans-serif; color:#1a1919; padding:50px 0 0 15px; margin:0;}


.header_box_resize { /*background:url(images/slide_bg.jpg) center top no-repeat; */height:542px; width:960px; margin:0 auto;}
.header_box{}	
.slider_cu3er { width:576px; float:left; padding:101px 0 0 0px;background:url(iphone.jpg) center top no-repeat;}
#cu3er-container { width:537px; outline:0; height:361px;}
.header_text { width:345px; float:right; padding:80px 0 0 15px;
font:normal 15px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.header_text h2 { padding:10px 0; margin:0; font:normal 32px/1.2em Arial, Helvetica, sans-serif; color:#1a1919;}
.header_text p { padding:5px 0; margin:0; font:normal 12px/1.6em Arial, Helvetica, sans-serif; color:#272727;}
/*FBG*/
.FBG { margin:0 auto; width:960px; padding:10px 0 0 0;}
.FBG_resize { border-top:1px solid #bac494; background:#e0eabd;
 margin:0; padding:0;}
/****Recent **/
.Recent  { width:300px; float:left; padding:10px; margin:10px 0;}
.Recent p{ font:normal 12px Arial, Helvetica, sans-serif; color:#5f5f5f; line-height:1.8em; padding:5px 5px; margin:0;}
.Recent p span { color:#2a2a2a; font: bold 14px Arial, Helvetica, sans-serif;}
.Recent img { float: left; margin:10px 15px; padding:0;}
/********** block index **********/
.body { margin:0; padding:0; background: #fff; border-top:1px solid #eaeaea;}
.body_resize { width:960px; margin:0 auto; padding:0;}
.body_resize h2 { font:normal 24px Arial, Helvetica, sans-serif; color:#343434; padding:5px 5px; margin:0;}
.body_resize p { font:normal 12px Arial, Helvetica, sans-serif; color:#7d7d7d; padding:10px 5px; margin:0; line-height:1.8em;}
.body_resize p span { color:#45b8c3; font: normal 11px Arial, Helvetica, sans-serif;}
.body_resize a { color:#45b8c3; text-decoration:none; font: bold 11px Arial, Helvetica, sans-serif;}
.body_resize img { margin:10px auto; padding:0;}
.body_resize img.floated { float:left; margin:10px; padding:0;}
.right  { width:300px; float:right; margin:0; padding:10px 10px;} 
.left  { width:620px; float:left; margin:0; padding:10px 10px;} 
.blog { width:280px; float:left; margin:0; padding:10px 5px;}
.blog p.grey { color:#5f5f5f;}
/********** contact form **********/

p.response { text-align:center; color:#2c2c2c; font:bold 11px Arial, Helvetica, sans-serif; line-height:1.8em; width:auto;}
/*************footer**********/
.footer_resize { width:960px; margin:0 auto; padding:10px 0;}
.footer {padding:0;  margin:0; border-top:1px solid #bac494; background:#e0eabd}
.footer p { font:normal 12px  Arial, Helvetica, sans-serif; color:#747474;}
.footer a { font:normal 12px Arial, Helvetica, sans-serif; color:#747474; text-decoration:none; padding:5px; margin:0;}
.footer p.leftt { text-align:left; width:685px; margin:0; padding:10px 0 0 5px; float:left;} 
.footer p.rightt { text-align:right; width:235px; margin:0; padding:25px 0 0 0px; float:right;} 
p.clr, .clr { clear:both; padding:0; margin:0; background:none;}
li.bg, .bg { clear:both; border-top:1px solid #dfdfdf; padding:0; margin:10px 0; background:none; line-height:0;}

.header_text {
float:right;
padding:20px 0 0 5px;
width:345px;

}	
.jojo_form {
float:left;
padding:20px 0 0 5px;
width:855px;
font:bold 11px Arial, Helvetica, sans-serif;
}	
.jojo12 {
float:left;
padding:10px 0 0 5px;
margin-top:5px;
width:735px;
background:url(formbackgr.png);
border:1px solid #bac494;
}
.jojotext {
float:left;
padding:10px 0 0 5px;
margin-top:5px;
width:735px;

}
.form12 {
float:left;
padding:10px 0 0 5px;
margin-top:5px;
width:335px;
background:url(formbackgr.png);
border:1px solid #bac494;
}	
img{border:none;}			
    /* image replacement */
        .graphic, #prevBtn, #nextBtn{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
#container{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:226px;			
		margin-bottom:2em;		
		}		

/* Easy Slider */
#slider{}	
#slider ul, #slider li{
		margin:0;
		padding:0;
		list-style:none;
		}
#slider li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:226px;
		height:405px;
		overflow:hidden; 
		}	
#prevBtn, #nextBtn{ /* 
			//taille de la largeur du button
		*/ 
		display:block;
		width:30px;
		height:17px;
		position:absolute;
		left:-63px;
		top:1px;
		}	
#nextBtn{ 
		left:256px; /* 
			// zone de position du second button
		*/ 
		}