@font-face {
    font-family: 'LittleDaysRegular';
    src: url('font/little_days-webfont.eot');
    src: url('font/little_days-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/little_days-webfont.woff') format('woff'),
         url('font/little_days-webfont.ttf') format('truetype'),
         url('font/little_days-webfont.svg#LittleDaysRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	/*background:#336666 */
	background:#FFF ;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	margin:0;
	padding:0;
}
a {
color:#776a5c;
text-decoration:none;
}
.nospace {width:100%;margin: 0px}

.header {
	margin:0 auto;
	padding:0 0 5px;
	text-align:center;
	width:970px;
	height:140px;
	background: #fff;
	border-style:solid;
	border-color:#ddd;
	border-width:0 1px; 

}
.header h1{
	color:#336666;
	font-size:12px;	
	margin:0;
}
.menhead{
width:100%	;
background:#b3cb32;
	height:35px;	
}


/* ANCIEN MENU BUGGUE 

.menhead li{
display:inline;	
padding: 5px 12px;
background:#684b94;
color:#FFF;
position:relative;top:7px;
margin-right:3px;
}

.menhead li a{
color:#FFF;	
}

.menhead li a:hover{
text-decoration:underline;
}
.menhead li.active a{
color:#684b94;	
}
.menhead li.active{
background-color:#FFF;	
}
*/

/* MENU PAR JULIEN */
.menu {
	text-align:left;
	margin:0 auto 0;
	padding:9px 0 0 0 ;
	width:970px;
	height:20px;	
font-size:13px;
font-weight:bold;
	}
	
.menu ul{display:inline;	margin:0;padding:0;}
.menu li{display:inline;color:#FFF;}
.menu li a{color:#FFF;background:#684b94;margin-right:3px;height:26px;display:block;width:120px;float:left;line-height:26px;text-align:center}

.menu li a.home{background:#684b94 url(images/home.png) no-repeat center center;width:28px;}

.menu li a:hover, .menu li a.active{color:#684b94;background-color:#fff;}
.menu li a:active{text-decoration:underline}

/* FIN MENU JULIEN */

.main { 
	margin:0 auto;
	width:970px;
	background:#FFF;
	border-style:solid;
	border-color:#ddd;
	border-width:0 1px; 
	}
	
/* BAD BAD BAD */
/*	
* html body .main {
	min-height:970px;
	overflow:hidden
	}
*/
/* IE-mac ne voit pas les lignes qui suivent \*/
/*
* html body .main {
	height:0px;
	overflow:visible;
	} 
*/
/* fin du text caché pour IE/mac */

.central {
	top:10px;
	width:710px;
	float:right;
	}
#title{
	width:100%;
	text-align:left;
}
#title a{
	
	text-decoration:none;
}
.corps {
	position:relative;
	min-height:300px;
	width:100%;
	padding:0;
	}

/*
* html body .corps {
	height:300px
	} 
*/
.div-min-height {
	position:relative;
	height:150px;
	width:0px;
	float:left;
	}
	
.div-min-height-bottom {
	position:relative;
	height:0px;
	clear:left
	}
	
.gauche {
	margin: 10px 0 0 15px;
	padding:0;
	width:240px;
	float:left;
	}
	
.fen{
	padding:0px 0px 10px 0px;
	width:100%;
}
.fen a{
	text-decoration:none;
	color:#000000;
}

#logintab{
padding-top:10px;
}
.droite {
position:absolute;
top:170px;
	height:100%;
	width:240px;
	margin-left:745px;
	}

.search {
	height:25px;
	margin:0 10px 0 0;
	position:relative;
	float:right;
	padding:0px;
	}
	
	
.search p { position:relative;margin:0; }
.search label  { position:absolute; top:0; left:5px; font-weight:normal; line-height:24px;color:#999}

	
#bout{
margin-top:0px;	
vertical-align:middle;
}
	
.pied {
	margin:20px auto 0;
	background:#B3CB32;
	color:#000;
}
.pied a{
	color:#000;
	text-decoration:none;
	margin:0 10px;
}

.pied a:hover{text-decoration:underline;}
	
#sign {
margin-top:10px;
text-align:center;
font-size:10px;

	width:100%;
	color:#999;
}
#sign a{
	color:#999;
}
	
.fen ul{
	list-style:none;
	padding:0;
	width:100%;
	margin:0;
	padding:0;
}
.fen li{
	border:0px;
	padding: 0px 0 0px;
	margin: 0 0px 2px 0px;
}
.gauche .fen li a{
	text-transform:uppercase;
	color:#FFF;
	display:block;
}
.gauche .fen li li a{
	text-transform:none;
	display:inline;
	color:#41392f;
}
.fen li li{
	border:0px;
	padding: 0;
	margin: 0px;
}

.droite .fen li{
	background:#FFCC33;	
}

.menfold{
	font-weight:bold;
	background:#3399FF;
	color:#FFF;
}
.menlien{
}

#error{
	padding:0;
	margin:0 5px 0px 5px;
	width:auto;
	border:1px dashed #336600;
	background:#FFF;
}
#error ul{
	list-style:square;
}
#error li{
	padding: 2px 0 2px 0;
	margin:0;
}

#error h2{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	background:#336600;
	margin:5px;
}
.erreur_form{
height: 20px;
width:110px;
	background:#336600;
	color:#fff;

}
.intitule{
height: 20px;
width:110px;
background:#FFCC33;
}
.perso_table td.intitule_titre{
font-size:14px;
color:#999;
}

.perso_table td.intitule_titre h5{
	margin: 10px 0;
	border-bottom:1px solid #999;
	font-size:16px;
	line-height:22px;
}

.perso_table{
	background:#FFF;
}
.perso_table td{
	padding:2px 2px 2px 5px ;
	text-align:left;
	vertical-align:top;
}
.flottante{
float:left;
width:228px;
height:300px;
color:#FFF;
margin:0 10px 10px 0;
border:1px solid #aaa;
	background:#efefef ;
	text-align:center;

}
a .flottante {
color:#FFF;
}
.flottante img{
border:1px solid #ddd;
width:191px;
}
.listprix span{font-size:11px;}

.listperso img{width:113px;}

.flottante a, .flottante p{
	color:#333;
}	


.flottantemenu{
float:left;
width:700px;
font-size:16px;


margin:5px;
border:1px solid #D5D5C1;
}
a .flottantemenu {
color:#333333;
}
.listtitre{
font-weight:bold;
margin:10px 0;
}
.listimage{
margin-top:10px;
}
.listprix strong{
	font-size:16px;
	color:#a1b33f;
}
.listperso{
text-align:right;
clear:both;
margin:0;
height:16px;
}
.listperso img{
border:0px;
}
.flo_prod{
min-width:400px;
width:auto;
margin:10px 5px 20px 0;
padding-bottom:10px;
}
.tabtitre{
	background:#B3CB32;
	text-align: center;
	color:#333;
}
.tabcont1{
font-size:12px;
	background:#FFCC33;
}
.tabcont2{
font-size:12px;
	padding-right:5px;
	text-align:right;
}
.prod_g{
width:210px;
float:left;
}
#vignette, #vignettes{
background:#fff;
}
#vignette{
height:208px;
width:208px;
}
#vignette img{
border:0px;
}
#vignettes{
margin:0 0 0 0;
text-align:left;
}
#vignettes img{
}
.echant img{
border:1px solid #666;
margin:1px;
text-align:center;
}
.prod_d{
margin:0 0 0 230px;
background:#FFF;
text-align:left;
}
.spacer{
	position:relative;
	clear:both;
	height:5px;
}
#perso{
font-size:12px;
text-align:left;
}

#sur_titre{
font-size:12px;
margin-left:15px;
text-align:left;
font-weight:bold;
color:#333;
}
#sur_titre img{
vertical-align:middle;
}
#sur_titre a{
text-decoration:none;
color:#333;
}

.adresse{
	padding:0;
	margin:0 5px 0px 5px;
	border:1px dashed #666;
}
.vide{
	margin:25px 0 65px 0;
	text-align:center;
}
.nom_perso{
	width:35%;
}
.detail_perso{
	width:65%;
}
.socgen{
font-size:18px;
color:#000000;
}

.menpage, .page{
padding:10px;
background: #7b6f5e;
border:1px solid #CCC;
color:#FFF;
}
.pages a, .page{
color:#333;
background:#FFF;
padding:10px;
}
.pages a:hover{
color:#7b6f5e;
border:1px solid #7b6f5e;
}
.pages{
clear:both;
text-align:left;
margin:20px 0px;
padding:0px;
width:auto;
font-size:14px;
}

.cal_titre,  .cal_we, .cal_sem{
font-size:12px;
height:15px;
border:1px solid #999;
padding:1px;
}
.cal_we{
background:#666;

}
.cal_titre{
background:#666;
font-weight:bold;
}

.M {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #3399FF;
}
.F {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF66CC;
}

.prodtitre{
	font-size: 12px;
	font-weight:bold;
}
.hide{
	display:none;
}
#personnaliser{
	font-weight:bold;
	padding:2px;
	border:1px solid #336600;
}
a:hover #personnaliser{
background-color:#336600;
	padding:2px;
	border:1px solid #336600;
	color:#FFF;

}

.titexte{
	font-size:10px;
}
.sub_titre{
font-weight:bold;
color:#0066FF;
}
h3{
margin:2px;
}


.menactive h1,.menactive h2,.menactive h3{
	display:inline;
	font-size:12px;
	margin:0;
	padding:0;
}
.num-vert{
	color:#006633;
	background:url(images1/num-vert-2.gif);
	font-weight:bold;
	font-size:12px;
	height:16px;
}
.num-azur{
	color:#006699;
	background:url(images1/num-azur-2.gif);
	font-weight:bold;
	font-size:12px;
	height:16px;
}
.num-indigo{
	color:#330066;
	background:url(images1/num-indigo-2.gif);
	font-weight:bold;
	font-size:12px;
	height:16px;
}
.tag{
font-weight:normal;
font-size:10px;
float:left;
height:14px ;
padding:2px 2px 0 13px;
border-right:1px solid #000;
margin:3px auto;
background:#E1E1E1 url(images/tag.gif) left 50% no-repeat;
}
.tags{
	line-height:20px;
}
#nuages h3,#nuages h4,#nuages h5,#nuages h6{
float:left;
	height:30px;
	margin:0 10px;
	vertical-align:baseline;
}
#nuages h6{
font-size:11px;
}
#nuages h5{
font-size:13px;
}
#nuages h4{
font-size:15px;
}
#nuages h3{
font-size:17px;
}



/* ajout julen */
.tel{font-size:20px;margin:0;display:block;text-align:center; color:#333; text-indent:-9999px;background:url(images/tel_sourisverte.png) no-repeat center; width:240px; height:70px;}
#catalogue{width:220px;height:51px;display:block;background:url(images/demande-catalogue.jpg);margin-top:10px;}
#catalogue span{color:#fff;margin-top:5px;position:relative;top:18px;left:10px;font-weight:bold;}

#catalogue:hover span{color:#b3cb32}

#coloriage{background:#fff url(images/journee-coloriage.jpg) no-repeat;width:700px;height:394px;margin:30px 0 10px;text-align:left;}
#coloriage-inner{top:110px;left:76px;position:relative;text-align:left;width:468px;}
#coloriage p{margin-bottom:10px;font-size:14px;line-height:20px;}
#coloriage a{color:#795ADB;font-weight:bold;}
#coloriage a:hover{text-decoration:underline;}

.moncompte{margin:0 0 40px;}
.gauche .moncompte li a {color:#756a5a;}
.gauche .moncompte li a:hover{text-decoration:underline}

.last{margin-right:0;}



.login{margin-bottom:40px;background:#B3CB32;border-radius:5px;border:1px solid #a0b725}
.login a:hover{text-decoration:underline;}

.panier{margin: 5px 0 40px;background: none repeat scroll 0 0 #B3CB32;    border-radius: 5px;     border:1px solid #a0b725;padding:10px}
.panier .lien{float:none;}


.fen2 table{background: none repeat scroll 0 0 #B2C401;    border-radius: 5px;     border:1px solid #a0b725}

.corps{margin-top:10px;width:652px;float:right;margin-right:15px;}
.flottante{width:208px;float:left;}
.flottantemenu{width:642px;text-align:center}

ul li ul{border-left:1px solid #ccc;margin-left:5px:}


/* accueil */
/*
#particulier{width:274px;height:165px;float:left;margin-right:20px;background:url(images/bloc.jpg) no-repeat;text-align:left;padding:20px;}
#revendeur{width:274px;height:165px;float:right;background:url(images/bloc.jpg) no-repeat;text-align:left;padding:20px;}

#particulier h3, #revendeur h3{font-size:22px;font-weight:normal;color:#515151;text-shadow: 1px 1px 0px #fff;margin:10px 0 10px}
#particulier p, #revendeur p{line-height:16px;}
#particulier a{margin-top:26px;}
#revendeur a{margin-top:10px;}
*/

/* actu */
.blocactu{margin:40px 0 0;text-align:left;}
.blocactu h2{margin:0 0 20px 0;font-size:28px;font-weight:normal;color:#515151;text-shadow: 1px 1px 0px #fff;}
.actutexte{width:650px;margin:0 auto 20px;border:1px solid #ccc;background:#fefefe;position:relative;}
.actutexte img{position:absolute;left:30px;}
.actu-inner{width:630px;text-align:left;top:12px;position:relative;margin-left:20px;}
.actu-inner h3{margin:0 0 5px;color:#888;font-size:16px;}
.actu-inner p{margin:0; color:#000;font-size:14px;line-height:21px;}
.actu-inner a{text-decoration:underline;color:#6E5C4D}
.actu-inner a:hover{text-decoration:none;}


.clear{clear:both;}

/* contenu vrac */
#contenu h2, #perso h2{margin:0 0 30px 0;font-size:28px;font-weight:normal;color:#515151;text-shadow: 1px 1px 0px #fff;}
#contenu h3, #perso h3{font-size:22px;font-weight:normal;color:#515151;text-shadow: 1px 1px 0px #fff;margin:30px 0 20px;clear:both;}
#contenu h4, #perso h4{font-size:16px;font-weight:bold;color:#515151;text-shadow: 1px 1px 0px #fff;margin:30px 0 10px;font-weight:bold;}
#contenu h5, #perso h5{font-size:14px;font-weight:bold;color:#515151;text-shadow: 1px 1px 0px #fff;margin:20px 0 5px;font-weight:bold;}
#contenu p{}

/* services */ 
#contenu{text-align:left;}
#contenu ul, #contenu ol{padding-left:0;clear:both;}
#contenu li{padding-left:0;list-style-position:inside;line-height:16px;margin-bottom:5px;}
#contenu p, #perso p{line-height:18px;margin-bottom:5px;}
#contenu a{text-decoration:underline;color:#7b6f5e}
#contenu a:hover{text-decoration:none;}

.service{width:230px;height:125px;float:left;margin:0 30px 26px 0;padding-left:80px;}
div.last{margin-right:0;}
#contenu .service p{font-size:12px;line-height:17px;margin:0}
#contenu .service h4{margin:10px 0;}
#contenu hr{color:#eee;margin-bottom:40px;}

#prix{background:url(images/services/prix.png) no-repeat top left;margin-top:20px;}
#commande{background:url(images/services/commande.png) no-repeat top left;margin-top:20px;}
#paiement{background:url(images/services/paiement.png) no-repeat top left;}
#preparation{background:url(images/services/preparation.png) no-repeat top left;}
#suivi{background:url(images/services/suivi.png) no-repeat top left;}
#livraison{background:url(images/services/livraison.png) no-repeat top left;}
#perso-icon{background:url(images/services/perso.png) no-repeat top left;}
#contact-icon{background:url(images/services/contact.png) no-repeat top left;}
#ecole{background:url(images/services/ecole.png) no-repeat top left;}
#reprise{background:url(images/services/reprise.png) no-repeat top left;}


img.alignleft{float:left;margin:0 40px 20px 0;border:1px solid #aaa}
img.alignright{float:right;margin:0 0 20px 40px;border:1px solid #aaa}
#contenu li img{margin-top:20px;}
#contenu p img{border:1px solid #ccc;background:#efefef}

#newsletter{background:#efefef;border:1px solid #ddd;border-radius:5px;padding:10px;margin-bottom:30px;}
#newsletter .lien{float:none;}

#principe{background:#efefef;margin-bottom:20px;border:1px solid #aaa}
.paginationhaut{display:none;}

/* menu catalogue */
#menucatalogue{margin:5px 0 20px}
#menucatalogue li a{background:#999 url(images/fond-menu.gif) bottom right no-repeat;padding-left:30px;line-height:26px;font-weight:bold;margin-bottom:3px;opacity:0.9}
#menucatalogue li a:hover, #menucatalogue li a.ui-state-active{opacity:1}
#menucatalogue li ul li a{font-weight:normal;background:0;line-height:18px;}
#menucatalogue li ul {padding:10px 0;}

	/* degrades gracefully yo! */
	#menucatalogue li ul {display:none;}
	.js #menucatalogue li ul {display:block;}
	#menucatalogue li ul.open{display:block;}
	

#invendus{margin-bottom:20px;background: none repeat scroll 0 0 #EFEFEF;border: 1px solid #AAAAAA;padding:10px;text-align:left;}
#formperso{margin-top:20px;}

.message{padding:10px 40px 10px 80px;margin-bottom:20px;font-size:11px;line-height:15px;border-style:solid;border-width:1px 0;position:relative;text-align:left;}
.message a{text-decoration:underline;}
.message a:hover{text-decoration:none;}
.message p{margin:2px 0} 
.message ul{padding-left:0;margin:2px 0}
.message ul li{list-style-position:inside;line-height:14px;margin:0;}
#contenu .message ul li{line-height:14px;margin-bottom:0}

div.annonceaccueil{margin-bottom:50px; background-image:none;padding:14px;}

/* jaune */
.avertissement{background:#f5f7c5 url(images/notice.png)  no-repeat 25px 15px; border-color:#dbcd7d;}
.avertissement a{color:#6E5C4D;}

/* rouge */
.erreur{background:#ecd1d1 url(images/error.png) no-repeat 25px 15px; border-color:#dd6969;margin:20px 0 0;}

/* gris */
.notice{background:#f1f1f1 url(images/notice.png) no-repeat 25px 15px; border-color:#bababa;}
.notice a{color:#333;}

.erreur404 ul{}
.erreur404 ul li{font-size:14px;font-weight:bold;}
.erreur404 ul li ul{margin:10px 0 30px 30px;border:0}
.erreur404 ul li ul li{font-size:12px;font-weight:normal;}

.fermer{display:none;width:16px;height:16px;background:url(images/close.gif);float:right;position:absolute;top:14px;right:15px;}
.js .fermer{display:block;}
.fermer:hover{opacity:0.6;}


/* slider accueil */
.main{padding-top:30px;}
#slides{width:988px;height:346px;background:#fff;margin:0 0 0 -10px;border:1px solid #ccc;position:relative;}
.slides_container{border:1px solid #ccc;height:304px;width:970px;background:#fff url(images/slider/slide3.jpg);overflow:hidden}
.slides_container div{display:block;height:304px;width:970px;}
.slides_container div a{display:block;width:220px;text-align:center;position:relative;top:-78px;margin-left:304px;}
.slides_container div a:active{top:-77px;}
#ombre{width:970px;height:26px;margin:0 auto 10px;background:#fff url(images/slider/ombre.jpg) no-repeat;}

#slides .prev, #slides  .next{outline:0;position:absolute;top:129px;height:46px;width:46px;z-index:50;border-style:solid;border-color:#ccc;background:#fff url(images/slider/prevnext.png);}
#slides .prev{background-position:top left;margin-left:10px;border-width:1px 1px 1px 0;}
#slides .next{background-position:top right;right:10px;border-width:1px 0 1px 1px;}
#slides .prev:active{margin-top:1px;}
#slides .next:active{margin-top:1px;}
.pagination{margin:0 auto;text-align:center;padding:0;width:45px;}
.pagination li{list-style-type:none;float:left;}
.pagination li a{width:12px;height:0px;padding-top:12px;margin-right:3px;background:url(images/slider/pagination.png) no-repeat 0 0;display:block;overflow:hidden}
.pagination li.current a{background:url(images/slider/pagination.png) no-repeat 0 -12px;}


/* boutons */
.button, .button:visited {
	background: #222 url(images/overlay.png) repeat-x; 
	display: inline-block; 
	padding: 5px 10px 6px; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	position: relative;
	cursor: pointer;
	font-weight:bold;
}

	/* survol et actif */
	.large.button {font-size: 14px;padding: 10px 19px 11px;line-height:16px;}
	.small.button {font-size: 11px;}
	.button:hover{background-color:#111}
	.button:active{ top: 1px; }

	/* variation couleur */
	.green.button, .green.button:visited		{ background-color: #91bd09; 	-webkit-animation-name: greenPulse;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: 2;}
	.green.button:hover						{ background-color: #749a02; }
	.blue.button, .blue.button:visited		{ background-color: #2daebf;		-webkit-animation-name: bluePulse;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: 2; }
	.blue.button:hover							{ background-color: #007d9a; }
	.red.button, .red.button:visited			{ background-color: #e33100;	-webkit-animation-name: redPulse;-webkit-animation-duration: 2s;-webkit-animation-iteration-count: 2; }
	.red.button:hover							{ background-color: #872300; }
	.magenta.button, .magenta.button:visited		{ background-color: #a9014b; }
	.magenta.button:hover							{ background-color: #630030; }
	.orange.button, .orange.button:visited		{ background-color: #ff5c00; }
	.orange.button:hover							{ background-color: #d45500; }
	.yellow.button, .yellow.button:visited		{ background-color: #ffb515; }
	.yellow.button:hover							{ background-color: #fc9200; }
	.grey.button, .grey.button:visited		{ background-color: #898888; }
	.grey.button:hover							{ background-color: #757373; }
	
	/* bouton */
	input.button{border:0;}
	.cartbutton{float:right;}
	#formperso .button{float:right;margin-top:30px;}
	
	/* anim pour chrome */
    @-webkit-keyframes redPulse {
		from { background-color: #872300; -webkit-box-shadow:: 0 0 9px #333; }
		50% { background-color: #e33100; -webkit-box-shadow:: 0 0 18px #e33100; }
		to { background-color: #872300; -webkit-box-shadow:: 0 0 9px #333; }
    }
    @-webkit-keyframes greenPulse {
		from { background-color: #749a02; -webkit-box-shadow:: 0 0 9px #333; }
		50% { background-color: #91bd09; -webkit-box-shadow:: 0 0 18px #91bd09; }
		to { background-color: #749a02; -webkit-box-shadow:: 0 0 9px #333; }
    }
    @-webkit-keyframes bluePulse {
		from { background-color: #007d9a; -webkit-box-shadow:: 0 0 9px #333; }
		50% { background-color: #2daebf; -webkit-box-shadow:: 0 0 18px #2daebf; }
		to { background-color: #007d9a; -webkit-box-shadow:: 0 0 9px #333; }
    }

	
.test{width:300px;height:200px;float:left;background:pink;margin-right:30px;}

/* caddie + process commande */
#cartform{background:#F2F1F1;border-color: #aaa;border-style: solid;border-width: 1px 0;margin:30px 0 0;padding:15px 10px}
#cartform .grey{float:left;}

#panier-actions{background:#F2F1F1;border-color: #aaa;border-style: solid;border-width: 1px 0;margin:30px 0 0;padding:15px 10px;clear:both;}
#panier-actions .grey{float:left;}

/* footer */
.main{padding-bottom:30px;}
#trait{height:2px;background:url(images/footer.png) repeat-x;}
#pied{background:#B3CB32 url(images/bgfooter.png) no-repeat center center;color:#fff;font-size:14px;line-height:20px;}
#pied-inner{width:970px;margin:0 auto;padding:40px 0;}

#souspied{background:#dae794 url(images/sousfooter.png) top repeat-x;height:28px;}
#souspied-inner{width:970px;margin:0 auto;}
#souspied-inner p{font-size:11px;padding:8px 0 0 0;margin:0}
#souspied-inner a{color:#666;text-decoration:none}
#souspied-inner a:hover{text-decoration:underline; }
#top{float:right;}

/* contenu footer */
#footercat{width:586px;float:left;background:url(images/trait.png) right repeat-y;padding-right:60px;}
#footercat ul{margin:0;padding-left:0;}
#footercat ul li{font-size:14px;line-height:22px;font-weight:bold;list-style-type:none;}
#footercat ul li ul{padding-left:5px;border-left:1px solid #fff;margin-bottom:10px;}
#footercat ul li ul li{float:none;font-size:11px;line-height:16px;font-weight:normal;display:inline;}
#footercat ul li ul li a:hover{text-decoration:underline}

#footerprat{width:270px;float:right;font-size:14px; line-height:18px;					}
#footerprat ul{margin:15px 0 25px;padding:0}
#footerprat ul li{list-style-type:none;margin:5px 0}
#footerprat ul li a{width:245px;text-align:center;}

#pied h3{font-size:26px;font-weight:normal;margin-bottom:30px;}
#pied p{margin:0}
#pied a{color:#fff;}


/* modal tel */

.close{float:right;}
.close a{color:#000;text-decoration:underline;}
.close a:hover{color:#666;text-decoration:none;}

#modaltel h3{font-size:26px;color:#666;margin-bottom:20px;}
#modaltel a{color:#684B94;text-decoration:underline;}
#modaltel a:hover{text-decoration:none;}
#modaltel p, #modaltel li{font-size:16px;line-height:24px;}
#modaltel h4{margin:20px 0;font-size:20px;line-height:30px;border:1px solid #aaa;padding:5px;width:250px;color:#777;font-style:italic;background:#ddd url(images/tel.png) 8px 10px no-repeat;text-align:center;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:1px 1px 5px #666;-webkit-box-shadow:1px 1px 5px #666;box-shadow:1px 1px 5px #666;}

.date{float:left;width:50px;height:65px;color:#888;margin:12px 10px 0 20px}
.jour{font-size:26px;line-height:26px;}
.mois{font-size:16px;line-height:16px;}
.annee{font-size:12px;}

/* featured */
.featured{margin-bottom:50px;}
.featured a{margin:3px 8px 0 0; display:block; float:left; border:1px solid #ccc;position:relative;}
.featured a:hover{border:1px solid #B3CB32;}
.featured a.last{margin-right:0}
.featured a span{background:transparent url(images/voir.png) no-repeat center center;display:none;width:100px;height:100px;position:absolute;top:0;left:0;}
.featured a:hover span{display:block;}
.featured a img{border:0;}

/* maintenance */ 
#maintenance{margin:10px 0 30px;font-size:20px;padding:20px 80px;background:#ddd;border-top:1px solid #bbb;border-bottom:1px solid #bbb;text-align:center;}

/* pag contact */

.perso_table{width:100%;border:1px solid #ccc;border-radius:5px;padding:10px;}
.pagecontact .perso_table{margin-top:20px;}
.perso_table td{padding:2px 0}
 .perso_table .intitule{width:170px;background:#fff;font-weight:bold;text-align:right;padding-right:30px;color:#666;vertical-align:middle;}
.perso_table .erreur_form{width:170px;background:#fff;color:#cc0000;font-weight:bold;text-align:right;padding-right:30px;vertical-align:middle;}

 .perso_table input[type=text]{width:300px;border:1px solid #ccc;padding:3px;background:#fefefe;}
 .perso_table select{width:308px;border:1px solid #ccc;padding:3px;background:#fefefe;}
 .perso_table textarea{width:300px;max-width:300px;min-width:300px;border:1px solid #ccc;padding:3px;background:#fefefe;min-height:200px;}


 .perso_table input[type=text]:hover,  .perso_table select:hover,  .perso_table textarea:hover{border:1px solid #999}
 .perso_table input[type=text]:focus,  .perso_table select:focus,  .perso_table textarea:focus{border:1px solid #666;box-shadow:1px 1px 5px #999}

 .perso_table .submit{width:150px;padding:5px;margin-top:20px;}

#adresse-contact{padding-left:50px;margin-top:20px;margin-bottom:40px;background:url(images/adresse.png) no-repeat 0 0;width:300px;float:left;margin-bottom:40px;}
#tel-contact{padding-left:50px;background:url(images/telfax.png) no-repeat 0 0;width:210px;float:right;margin-top:20px;}
#adresse-contact p, #tel-contact p{font-size:14px;line-height:20px;margin:0;}
#adresse-contact a{color:#333;}


.step{width:163px;height:30px;float:left;margin:20px 0 40px;border-bottom:2px solid #666;text-align:center;position:relative;font-size:11px;color:#666;font-weight:bold;}
.inactive{color:#ccc;border-color:#ccc;}
.step img{position:absolute;left:70px;top:24px;}


#local{text-align:center; background:#fffbc9;border-bottom:1px solid #ffcd4d;height:40px;line-height:40px;font-weight:bold;font-size:12px;color:#837f58;text-shadow: 1px 1px 0 #FFFFFF; color:#555; box-shadow:1px 1px 5px #999; position:relative}
#localin{width:960px; margin:0 auto;}
#local .fermer{position:relative}

/* test évo */


.menhead{width:965px;margin:0 auto;padding-left:5px;background:#fff;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #684B94;}
body{background:url(images/body-bg.jpg) repeat;}
body{background-image:url(images/bg-body2.jpg);}

#trait, #pied, #souspied{width:970px; margin:0 auto; border-left:1px solid #bbb;border-right:1px solid #bbb;}
#souspied-inner{width:890px;}
#footerprat ul li a {width:215px;}
#footercat{padding:0 50px 0 40px;width:516px;}
#footerprat {float:left;margin-left:50px;}
.menu ul{border-bottom:1px solid #ccc;}

.header h1 img{display:none;}

#pied {font-size:13px; line-height:19px;}
#footercat  ul li{font-size:13px;line-height:19px;}
#footercat ul li ul li {font-size:10px;line-height:14px;}


#slides{margin:0; border-width:0 0 1px; width:970px;height:336px;}
.slides_container img{width:970px}
.slides_container{margin:0 0 10px;width:970px;border-width:0 0 1px;}
#ombre{margin:-5px 0 ;display:none;}

.gauche{margin-left:0;}
#phone{background:url(images/telephone.png); width:237px; height:66px;  top:0; right:2%; position:fixed; z-index:500; float:right}
#pied{background:url(images/footer.jpg) repeat-x top;color:#666;border-color:#ddd;font-size:12px; line-height:16px;}
#pied{background:url(images/footer-2012.jpg) top}
#trait{display:none;}
#footercat{background:none;}
#pied a{color:#666}

.login, .panier {border-width:1px 0px 1px 1px; border-radius: 15px 0 0 15px; background:#F6F1EC; border-color:#ddd;}
.corps{margin-right:50px;width:622px; margin-top:0;}
#slides .prev, #slides  .next {margin:0}

#souspied{background:#aaa url(images/bg-souspied.jpg) repeat; border-top:1px solid #fff;color:#fff;}
#souspied a{color:#fff;}
#souspied a:hover{color:#fff;text-decoration:underline}

#search:focus{box-shadow: 1px 1px 5px #666;}

.menhead{ width:976px; }
.menu{padding-top:10px;padding-left:40px;width:930px;}
.menu li a{width:auto;padding:0 20px;}
.menu li a.home{padding:0;}
.menu li a, .menu li a.home{background-color:transparent;margin-right:5px;border:1px solid transparent}
.menu li a:hover, .menu li a.active{background-color:#4b3d31;color:#fff;border-radius:5px;border:1px solid #352c20;}

#externe{height:0px;background:#fff;margin-bottom:40px;}
.search{display:none;}

#footerprat ul li a {width: 238px;}

#pied-inner{padding:40px 0 30px;}

.header{text-align:left;}
.header h1 a{display:block;width:300px;height:80px;background:url(images/logo-souris.jpg);top:30px;position:relative;text-indent:-9999px;left:30px; position:relative}
.header h1 a:hover{opacity:0.7;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter: alpha(opacity=70);}


#pied-inner{padding-bottom:15px;height:325px;}
#pied, #pied a{color:#f1e8e0;}

#souspied-inner{padding:0 10px;width:910px;}
#souspied-inner p {padding:6px 0 4px}



#footercat{padding:0 0 0 34px;width:610px}
#footerprat{margin-left:85px;width:240px;}

.main{padding-top:50px;}
.header{padding-bottom:10px;}
.menhead{background:url(images/menu-2012.png) repeat-x; height:48px;border:none;box-shadow: 0 3px 3px #000000;}
.central{width:704px; float:left;}
.gauche{float:right; margin-top:0;}

#menucatalogue li a {background:url(images/fond-menu-2.gif);}



#pied h3{font-family: 'LittleDaysRegular', arial, sans-serif; font-size:38px; line-height:38px; font-weight:bold;margin:5px 0 10px;letter-spacing:-1px;text-shadow:1px 1px 0 #333}
.gauche h3{font-family: 'LittleDaysRegular', arial, sans-serif; font-size:38px; line-height:38px; font-weight:bold;margin:5px 0 10px; color:#6e5c4d;text-align:left;letter-spacing:-1px;}
#liste h2, #contenu h2, .blocactu h2, #perso h2{font-family: 'LittleDaysRegular', arial, sans-serif; font-size:38px; line-height:42px; font-weight:bold; margin:0; color:#6e5c4d;letter-spacing:-1px;}
h2 span{color:#aaa;font-size:16px;font-family:arial, sans-serif}

.login{margin-bottom:60px;border-width:1px;}
#menucatalogue{margin-bottom:30px;}

#footerprat ul li a {width:190px;}

.perso_table{background:#F6F1EC; border-radius:5px;}
.perso_table .intitule{background:#F6F1EC;}
.perso_table .erreur_form {background:#F6F1EC;}

#slides{height: 305px;}

#slides  .prev, #slides  .next{height:36px;top:227px;	background: #222 url(images/overlay.png) repeat-x; 
	color: #fff; 
	text-decoration: none;
	-moz-border-radius: 5px; 
	-webkit-border-radius: 5px;
	border-radius: 5px 5px 5px 5px;
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25);
	text-shadow: 0 -1px 1px rgba(0,0,0,0.25);
	border-bottom: 1px solid rgba(0,0,0,0.25);
	font-weight:bold;
	border:0;
}
#slides .prev{margin-left:340px;}
#slides .next{right:530px;}
#slides .prev:hover, #slides .next:hover{background-color:#111;}
#slides .prev img, #slides  .next img{margin:5px 0 0 11px;border:0;}

.slides_container div a{margin-left:38px;}

.actutexte{border:0}
.blocactu h2{line-height:54px;font-size:34px;}
.actu-inner {margin-left:0}

.flottante{width:192px; margin:0 5px 10px 0;padding:5px;}
.service {width:216px;}

.featured a {margin:2px 2px 0 0;}


#contenu img{max-width:622px;}

ul li ul {border:0}
.fen ul li ul li{list-style-type:disc; list-style-position:inside; margin-left:15px;color:#bbb}
#menucatalogue li ul li a{padding-left:5px;}

#hide{}
#vignette, #vignettes {border:0;}

#formperso .button {margin-right:85px;margin-top:10px;}
.step{width:155px;}
.step img{left:68px;}


.header form{float:right;width:400px;margin-right:50px;margin-top:-10px;}
.header #search{height:28px;margin:0;font-size:16px;border:1px solid #999;width:300px;padding:3px;color:#999;background:#fff url(images/inputsearch.png) top repeat-x;float:left;}
.header #search:focus{border:1px solid #796d5d;color:#333;}

.header #bout{height:36px;margin:0;border:1px solid #352C20;background:#796d5d url(images/search.png) center center no-repeat;cursor:pointer;padding:0;font-size:16px;text-indent:-9999px;width:49px;float:left;}
.header #bout:hover{background-color:#4B3D31;}

.header form p { position:relative;margin:0; }
.header form  label  { position:absolute; top:8px; left:26px; font-size:16px; color:#999;}

.flottante{background:#F6F1EC;border-color:#ddd;border-radius:5px;}
.flottante:hover{background-color:#e8ded3}
.flottante p{margin-top:0}
#invendus {background:#F6F1EC;border-color:#ddd;border-radius:5px;}
#principe{background:#F6F1EC;border-color:#ddd;border-radius:5px;margin-top:10px;}

.featured a span {background:#3f362a;opacity:0.9;width:80px;height:80px;border:0;padding:10px;color:#F6F1EC;font-size:11px;font-weight:bold;}
.featured a:hover {border:1px solid #ccc}

#revendeur{margin-top:20px;}
.blocactu{margin:0 0 40px;}

.proddescri{}
#contenu .proddescri p{margin:0 0 10px;font-size:12px;line-height:18px;}


#vignettes a, #vignette a{position:relative;display:block;float:left;border:1px solid #ddd}
#vignettes a img, #vignette a img{border:0}
#vignettes a:hover span, #vignette a:hover span{background:#37322a url(images/search.png) no-repeat center center;opacity:0.8;display:block;width:100px;height:100px;position:absolute;top:0;left:0}
#vignette a:hover span{width:200px;height:200px;}


#breadcrumb{margin:0 0 30px 0;height:30px;background:#F6F1EC; border:1px solid #ddd; border-radius: 5px;}
#breadcrumb li{display:inline;font-size:11px;line-height:30px;}
#breadcrumb li a{text-decoration:none;background:url(images/breadcrumb.png) no-repeat right;padding:10px 20px;color:#7b6f5e;}
#breadcrumb li a:hover{color:#4d331d}
#breadcrumb li a.accueil{position:relative;width:15px; height:13px;display:block;float:left;}
#breadcrumb li a.accueil span{display:block;width:15px; height:13px; background:url(images/accueil.png) center center no-repeat;position:absolute;top:10px;left:10px;opacity:0.6}
#breadcrumb li a.accueil:hover span{opacity:1}

#rappel{font-size:12px;line-height:16px;}
#footerprat #rappel li{padding-left:28px;background-repeat:no-repeat;background-position:top left;margin:8px 0;}
.picto-adresse{background-image:url(images/picto-adresse.png);}
.picto-phone{background-image:url(images/picto-phone.png);}
.picto-mail{background-image:url(images/picto-mail.png);}
.picto-fax{background-image:url(images/picto-fax.png);}


.nextprev{position:absolute; vertical-align:middle; height:100%; width:100%; background:purple;}
.nextprev .prev{float:left;}
.nextprev .next{float:right;top:-50%;position:absolute; background:pink}

.qtemini{font-weight:bold; text-align:right; background:url(images/mini.png) no-repeat 208px -2px; color:#444}
#grille{border-collapse:collapse;margin-top:20px;width:386px}
#grille td{padding:10px 20px;text-align:center;}
.tabtitre{}
.tabtitre td{font-weight:bold;background:#fff;border-bottom:2px solid #999;border-top:2px solid #999;font-size:12px;}
.tabcont1 td{background:#fff;border-bottom:1px solid #ccc;font-size:11px;}

 td.gris{color:#888;border-color:#bbb}


#particulier h3, #revendeur h3{font-size:13px;}

#perso p.help{text-align:left;margin:0 0 20px 200px; font-size:11px;color:#685a4b; padding-left:18px; background: url(images/help.png) left no-repeat;}

#docs{margin-bottom:20px;}
#docs li{list-style:none; list-style-position:outside; padding-left:0;}
#docs li a{display:block; width:460px; height:66px; background:#f6f1ed url(images/pdf.jpg) 20px no-repeat; border:1px solid #dfdedc; margin-bottom:10px; padding:15px 25px 15px 110px; font-size:16px; text-decoration:none;color:#626262; }
#docs li a:hover{border-color:#c9d972; }

#docs li a span{display:block; font-size:11px; font-weight:normal;color:#333; margin-top:10px; }
#docs li a span span{color:#555; display:inline;}