
body {
	margin:0;
	background:#FFF;
	font-family: "segoe ui", Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000000;
	background:#CD3300 url("images/fond.jpg") top repeat-x;
}

::-moz-selection{background:#CD3300;color:#fff;}


a {
color:#cd3300;
text-decoration:none;
}

a:hover{text-decoration:underline;}

p{font-size:14px;line-height:20px;margin:3px 0;}

.nospace {width:100%;margin: 0px}

.header {
	margin-bottom:35px;
	text-align:center;
	width:960px;
	height:120px;
	}
	
.main { 
	width:960px;
	margin:0 auto 15px;
	}
	
* html body .main {
	height:100%;
	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 {
	position:relative;
	width:690px;
	float:left;
	margin-bottom:15px;
	
	}
#title{
	width:100%;
	text-align:left;
}
#title a{
	
	text-decoration:none;
}
.corps {
	position:relative;
	min-height:800px;
	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-left:10px;
	padding:0;
	width:240px;
	}
	
.fen{
	padding:0px 0px 10px 0px;
	margin-bottom:30px;
	background: #ffcc33;
	-moz-border-radius:15px;
	border-radius:15px;
	behavior: url(http://www.cartevoeux.com/js/PIE.htc);
	border:1px solid #8D0F12;
}
.fen a{
	text-decoration:none;
	color:#333;
	
	display:block;
}

.fen a:hover{color:#cd3300;}

.rubriques{margin-top:45px;}
.rubriques.fen li{padding:5px 0;}
.rubriques a{padding:0 10px;font-size:14px;}


#logintab a:hover{
	text-decoration:underline;
}

.droite {
	width:240px;
	float:right;
	}
		
.search {
	height:80px;
	width:210px;
	padding-top:15px;
	padding-left:30px;
	margin-bottom:30px;
	background:url("images/recherche-fond.png") top center no-repeat;
	}
.banner{
}
	
.pied {
	font-size:10px;
	clear:both;
	width:958px;
	margin:15px 0px 15px 0px;
	background:yellow
}
.pied a{
	color:#666;
}
	
	
#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;
}
.fen li{
	border-top:2px solid #cd3300;
	padding: 2px 0 2px 0;
	margin:0;
	
	
}
#error{
	padding:10px 10px 0 10px;
	margin:30px 5px 10px 5px;
	width:auto;
	border:1px dashed #cd3300;
	background:#FFF;
	
}
#error ul{
	list-style:square;
	padding-left:15px
}
#error li{
	padding: 2px 0 2px 0;
	margin:0;
}

#error h2{
	margin-top:0;
}
.erreur_form{
	color:#cd3300;
	font-weight:bold;

}
.perso_table td.intitule, .perso_table td.erreur_form{
height: 35px;
width:160px;
padding-right:20px;
text-align:right;
line-height:26px;
}
.intitule_titre{
background:#FFF;
color:#333;
border:1px solid #cd3300;

}

select#civilite{width:154px;}
input[type=text],input[type=password], select, textarea{border:1px solid #999;padding:5px;}
textarea{max-width:450px;}
input[type=text]:hover, input[type=password]:hover, select:hover, textarea:hover{border:1px solid #e2a38e;}
input[type=text]:focus, input[type=password]:hover, select:focus, textarea:focus{border:1px solid #cd3300}


#formperso input[type=submit]{margin-top:10px;padding:5px 10px;font-weight:bold;cursor:pointer;}

#formperso{margin-top:20px;border:1px solid #D3A99C;-moz-border-radius:10px;border-radius:10px;}

.perso_table{
	background:#FFF;
	margin:15px 0;
	width:100%;
	border-collapse:collapse;
}
.perso_table td{
	padding:2px 2px 2px 5px ;
	vertical-align:top;
	text-align:left;
}
.flottante{
float:left;
width:210px;

color:#FFF;
margin:0 11px 11px 0;
border:1px solid #bbb;
background:#fff url("images/flottante-fond.gif") top center repeat-x;

}

div.last{margin-right:0;}
a.last{margin-right:0;}

a .flottante {
color:#FFF;
}
.flottante img{
border:1px solid #990000;
}
.flottante a, .flottante p{
	color:#000000;
}

.flottante a{text-decoration:none;}
	
.flottante:hover{
border:1px solid #cd3300;
}

.flottante:hover .listtitre{
color:#cd3300;
}
.listtitre{
font-weight:bold;
font-size:12px;
margin:10px 0 0 15px;
}
.listimage{
margin-top:10px;
margin-bottom:0;
text-align:center;
}
.listprix strong{
	font-size:16px;
	color:#cd3300;
}
.listprix{
margin:15px 0 15px 15px;
}
.listperso{
clear:both;
margin:0px 0 5px 15px;
height:16px;
}
.listperso img{
border:0px;
}
.flo_prod{
min-width:400px;
width:auto;
margin:0 0 30px ;
padding-bottom:10px;
}


.tabtitre{
	background:#CCC;
	text-align: center;
}
.tabcont1{
font-size:12px;
	background:#EEE;
}
.tabcont2{
font-size:12px;
	padding-right:5px;
	text-align:right;
}
.prod_g{
width:210px;
float:left;
}
#vignette, #vignettes{
border:1px solid #666;
background:#990000;
}
#vignette{
height:208px;
width:208px;
}
#vignette img{
margin:3px;
border:0px;
}
#vignettes{
margin:10px 0 0 0;
text-align:left;
}
#vignettes img{
border:1px solid #666;
margin:1px;
}
.echant img{
border:1px solid #666;
margin:1px;
text-align:center;
}
.prod_d{
margin:0 0 0 220px;
border:1px solid #d3a99c;
-moz-border-radius:10px;
border-radius:10px;
background:#FFF;
padding:15px;
}


.spacer{
	position:relative;
	clear:both;
}
#perso{
font-size:14px;
text-align:left;
line-height:18px;
}
#perso h2{
}
#sur_titre{
font-size:12px;
margin:0 5px 0px 5px;
padding:0px;
width:auto;
text-align:left;
font-weight:bold;
color:#FFF;
}
#sur_titre img{
vertical-align:middle;
}
#sur_titre a{
text-decoration:none;
color:#FFF;
}

.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:1px;
background: #cd3300;
border:1px solid #CCC;
color:#FFF;
padding:6px 8px
}
.pages a, .page{
font-weight:bold;
color:#333;
background:#FFF;
padding:6px 8px
}
.pages a:hover{
color:#cd3300;
border:1px solid #cd3300;
}
.pages{
clear:both;
text-align:left;
margin:30px 0;
padding:0px;
width:auto;
}

.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 #cd3300;
}
a:hover #personnaliser{
background-color:#cd3300;
	padding:2px;
	border:1px solid #cd3300;
	color:#FFF;

}
.flash{
	margin:20px 0;
	padding:0;
	width:240px;
	height:240px;
	clear:both;
}


.menactive h1,.menactive h2,.menactive h3{
	display:inline;
	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 ;
line-height:12px;
padding:2px 2px 0 13px;
border-right:1px solid #000;
margin:7px 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:22px;background:#FFCC33;border:1px solid #8d0f12;width:180px;padding:5px 0 5px 58px;-moz-border-radius:10px;border-radius:10px;behavior: url(http://www.cartevoeux.com/js/PIE.htc);font-weight:bold;color:#cd3300;text-shadow:0px 0px 2px #ffcaba;position:relative;margin:30px auto;}
#tel span{background:url(images/phone.png) no-repeat;width:34px;height:34px;display:block;position:absolute;left:14px;top:-2px;}

#menu{height:30px;margin:0 0 30px 0;padding:0;width:965px;}
#menu li{display:inline;height:30px;}
#menu li a{height:30px;line-height:30px;width:220px;display:block;margin-right:5px;background:#FFCC33 url(images/bg-menu.png) repeat-x;float:left;text-align:center;font-size:13px;font-weight:bold;-moz-border-radius:5px;border-radius:5px;border:1px solid #8d0f12;color:#8d0f12;behavior: url(http://www.cartevoeux.com/js/PIE.htc);text-shadow:0 1px 0 #f4d8cf}
#menu li a:hover, #menu li a:focus{border-color:#cd3300;color:#cd3300;background:#FFCC33 url(images/bg-menu-hover.png) repeat-x;text-decoration:none;text-shadow:0 1px 0 #fff}
#menu li a:active{color:#d7861d;line-height:32px;}
#menu li a.last{margin-right:0}

#menu li a#home{text-indent:-9999px;width:50px;}
#menu li a#home span{background:url(images/home.png) no-repeat;width:16px;height:16px;display:block;margin:7px 0 0 17px}


.pied{text-align:left;background:#FFCC33;-moz-border-radius:5px;border-radius:5px;behavior: url(http://www.cartevoeux.com/js/PIE.htc);border:1px solid #8d0f12}
.pied ul{list-style:none;margin:5px 15px 5px 0;padding:0 0 0 10px}
.pied ul li{display:inline;font-size:11px;}
.pied ul li a{margin-right:30px;color:#8d0f12;font-size:11px;}
.pied ul li a:hover{color:#cd3300}
#top{float:right;}

.corps{background:#fff;-moz-border-radius:15px;border-radius:15px;behavior: url(http://www.cartevoeux.com/js/PIE.htc);border:1px solid #8d0f12;padding:15px;}
.clear{clear:both;}
.warning{font-size:11px;padding:10px 20px 10px 40px;color:#920d0d;background:#f0c7c7 url(images/warning.png) 15px 10px no-repeat;border-color:#920d0d;border-width:1px 0 ;border-style:solid;margin:10px 0}

#liste{margin:15px 0;}
#panier a{padding:0}
#panier{margin-top:5px;}

h1{margin:0 0 30px 0;color:#8d0f12;font-size:24px;line-height:28px}
h2{color:#cd3300;font-size:20px;line-height:22px;margin:25px 0 15px}
.prod_d h2{margin-top:0}
h3{font-size:14px;line-height:18px;color:#cd3300}
h3 span{color:#333;font-weight:normal;}
h3 span a{color:#333;}

.roismages{margin:15px 0; border:5px solid #0066CC;display:block;}
.perceneige{margin:15px 0; border:1px solid #ccc;display:block;}

.titreimg{margin-top:-22px;}
.login{margin-top:45px;}

hr{color:#8d0f12}

.banner{background:transparent url(images/header.jpg);width:960px;height:134px;}
.banner h1{text-indent:-9999px;border:0;}


#partenaires{float:right;margin-top:-78px;display:block;width:166px;}
#studio{background:url(images/studio.png) no-repeat bottom;height:30px;width:82px;display:block;text-indent:-9999px;float:left;outline:0;}
#souris{background:url(images/souris.png) no-repeat bottom;height:30px;width:82px;display:block;text-indent:-9999px;float:right;outline:0;}
#partenaires a:hover, #partenaires a:focus{height:38px;}


#recompense{border-color:#D3A99C;border-style:solid;border-width:1px 0;height:100px;background:url(images/recompense.jpg) no-repeat 15px center ;margin:50px 0 10px;}
#roismages{border-color:#D3A99C;border-style:solid;border-width:1px 0;height:100px;background:url(images/roismages.jpg) no-repeat 15px center ;margin:20px 0 0;}
#collection2012{border-color:#D3A99C;border-style:solid;border-width:1px 0;height:100px;background:url(images/collec2012.jpg) no-repeat 15px center ;margin:20px 0 20px;}
#temoignages{border-color:#D3A99C;border-style:solid;border-width:1px 0;height:100px;background:url(images/avis.png) no-repeat 15px center ;margin:10px 0 20px;}
.inner{width:450px;height:80px;margin:0 0 0 140px;}
.inner p{font-size:12px;}
.inner a{color:#cd3300}
.inner a:hover{text-decoration:underline;}

#featured{margin-top:40px;}

#featured-inner{margin:10px 0}

.cta{display:block;width:250px;height:40px;background:#FFCC33 url(images/bg-menu.png) repeat-x;border:1px solid #8d0f12;font-weight:bold;font-size:14px;line-height:40px;color:#8d0f12;text-align:center;float:left;position:relative;margin-top:10px;-moz-border-radius:5px;border-radius:5px;behavior: url(http://www.cartevoeux.com/js/PIE.htc);}
.cta:hover{border-color:#cd3300;color:#cd3300;background:#FFDF7A url(images/bg-menu-hover.png) repeat-x;text-decoration:none;}
.cta:active{color:#d7861d;line-height:42px;}

.minicta{display:block;width:240px;height:25px;background:#FFCC33 url(images/bg-menu.png) repeat-x;border:1px solid #8d0f12;font-weight:bold;font-size:11px;line-height:25px;color:#8d0f12;text-align:center;float:left;position:relative;margin-top:10px;margin-bottom:10px;-moz-border-radius:5px;border-radius:5px;behavior: url(http://www.cartevoeux.com/js/PIE.htc);}
.minicta:hover{border-color:#cd3300;color:#cd3300;background:#FFDF7A url(images/bg-menu-hover.png) repeat-x;text-decoration:none;}
.minicta:active{color:#d7861d;line-height:27px;}

table{border-collapse:collapse;}

#formechant{margin-top:20px;}
.moncompte{margin-top:40px;}
.moncompte li {padding-left:10px;}
.moncompte li img{display:none;}

#blochome{padding-bottom:30px;}
#blochome h3{padding-left:30px;background:url(images/bullet.png) no-repeat -8px center;}
#blochome a{text-decoration:none;}
#blochome a:hover{text-decoration:underline;}
#blochome span a{text-decoration:underline;}
#blochome span a:hover{text-decoration:none;}

#featured-mini a{margin-right:8px;}
#featured-mini a img{border:0}
#featured-mini a.last{margin-right:0;}

/* page services */
.service{width:220px;height:200px;float:left;margin:0 50px 36px 0;padding-left:80px;}
.service p{font-size:13px;line-height:19px;}
#prix{background:url(images/services/prix.png) no-repeat top left;}
#commande{background:url(images/services/commande.png) no-repeat top left;}
#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;}

#menu li a.onglet{}

#secondaire{float:right;position:relative;top:-80px; right:0; }
#secondaire li{display:inline;}
#secondaire li a{color:#fff;font-size:14px;font-weight:bold;text-decoration:underline;margin-left:20px;}
#secondaire li a:hover{text-decoration:none;}

/* process commande */
.step{width:164px;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;}

#cartform{background:#F2F1F1;border-color: #aaa;border-style: solid;border-width: 1px 0;margin:30px 0 0;padding:15px 10px}
 .grey{float:left;color:#666}
.cartbutton{float:right;}

#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;}

#local{text-align:center; background:#fffbc9;border-bottom:1px solid #ffcd4d;height:40px;line-height:40px;font-weight:bold;font-size:16px;color:#837f58;position:fixed;}

/* 11-08-2011 */
#actions{padding:0}
#actions li{list-style:none;}
#actions a {background:#d03804;width:212px;height:98px;display:block;margin-right:10px;float:left;color:#000; position:relative;}
#actions a span{position:absolute;top:65px;left:18px;color:#666; background:url(images/home/bouton.png) top repeat-x;padding:1px 8px 1px 6px; box-shadow:1px 1px 3px #691a00;}
#actions a:hover span{color:#888; background-position:bottom;}
#actions a.last {margin-right:0;}

#assos{padding:0;margin-top:10px;}
#assos li{list-style:none;}
#assos a{background:#d03804;width:322px;height:125px;display:block;margin-right:12px;float:left;color:#fff;position:relative;}
#assos a span{position:absolute;top:90px;left:18px;color:#666; background:url(images/home/bouton.png) top repeat-x;padding:1px 8px 1px 6px; box-shadow:1px 1px 3px #691a00;}
#assos a:hover span{color:#888; background-position:bottom;}
#assos a.last {margin-right:0;}

#promo{background:#d03804 url(images/home/promo-octobre.jpg); width:656px;height:41px; display:block;margin-top:10px;color:#fff;position:relative;}
#promo span{position:absolute; top:12px; left:540px; color:#666; background:url(images/home/bouton.png) top repeat-x;padding:1px 8px 1px 6px; box-shadow:1px 1px 3px #691a00;}
#promo:hover span{color:#888; background-position:bottom;}

.imgtexte{float:left; border:1px solid #ddd; margin: 0 20px 10px 0; }
#principe .imgtexte{margin-bottom:0;}

.paginationhaut {display: none;}
#principe{margin-bottom:30px; padding:10px 6px; border-color:#ccc; border-width:1px 0; border-style:solid; }
#principe p{font-size:12px;}

.echantillon{padding-left:28px; background: url(images/mini.png) left no-repeat;margin-top:30px;}

#maintenance{background:#ffffcc;margin-bottom:20px;padding:8px; border-width:1px 0; border-style:solid; border-color:#99995a;text-align:center;}


