/*squelette*/
body{font-family:"lucida sans unicode",Arial, Helvetica, sans-serif;}

/*header*/
#header{background:#F9A51D url(../img/stripe.jpg) repeat-x; }

#header-inside{
width:990px;
margin:0 auto;
text-align:center;
height:110px;
}

h1{display:none;}

#logo{
display:block;
height:78px;
width:440px;
background:url(../img/logo-boutiques.png) no-repeat;
position:relative;
top:25px;
float:left;
}

/*menu*/ 
ul#menu{
position: relative;
padding-bottom:15px;
overflow: hidden;
float:right;
}

ul#menu li{
float: left;
list-style: none;
margin: auto 30px auto 10px;
background:url(../img/etoile.png) no-repeat 24px 7px;
padding-left:3px;
}

ul#menu li.back{
border-bottom: 5px solid #FD621D;
width: 9px;
height: 30px;
z-index: 8;
position: absolute;
background:none;
}

ul#menu li a{
font:  14px "lucida sans unicode",arial;
text-decoration: none;
color: #fff;
outline: none;
text-align: left;
top: 7px;
text-transform:capitalize;
letter-spacing: 0;
z-index: 10;
display: block;
float: left;
height:40px;
position: relative;
overflow: hidden;
margin:auto 0px auto 40px;             
}

ul#menu li a:hover,ul#menu li a.active{border: none;}

a#petitrss{
background:url(../img/petit-rss.png) no-repeat;
display:block;
width:43px;
height:27px;
float:right;
position:relative;
top:28px;
}

/*contenu*/
#contenu{
width:990px;
margin:20px auto;
text-align:center;
}

.barre{
background:url(../img/barre.jpg) repeat-x;
height:3px;
clear:both;
}

/*footer*/
#footer{
background:#F9A51D url(../img/stripe.jpg) repeat-x; 
height:220px;
}

a#grosrss{
background:url(../img/gros-rss.png) no-repeat;
width:66px;
height:69px;
float:right;
position:relative;
margin-top:-250px;
margin-right:50px;
}

#footer-inside{
width:990px;
margin:0 auto;
text-align:center;
}

#minifooter{
background-color:#FD621D;
height:24px;

}

#minifooter p{
color:#fff;
font-size:11px;
width:990px;
margin:0 auto;
padding-top:3px;
text-align:left;
line-height:normal;
line-height:20px;
}

.gauche{float:left;}
.droite{float:right;}

#minifooter span a{color:#fff;text-decoration:none;border-bottom:1px dashed #fff;margin:0 5px;}
#minifooter span a:hover{border-bottom:1px solid #fff;} 

/*titre*/
h3{
padding-bottom:2px;
margin-bottom:8px;
font-weight:normal;
letter-spacing:1px;
}

#footer h3{
line-height:28px;
color:#fff;
border-bottom:1px solid #fff;
background:url(../img/petite-etoile.gif) no-repeat right;
}

#grosbloc h2{
font-weight:normal;
background:url(../img/etoileh2.png) no-repeat right;
padding-bottom:8px;
border-bottom:1px solid #FD621D;
letter-spacing:2px;
color:#FD621D;
font-size:20px;
text-align:left;
}

#grosbloc h2 a{color:#F8A32C;text-decoration:none;}
#grosbloc h2 a:hover{text-decoration:underline;}

#contenu h3{line-height:26px;}

#recherche h3{
color:#A7D618;
border-bottom:1px solid #A7D618;
background:url(../img/etoile-verte.png) no-repeat right;
}

#categorie h3{
color:#fea0e7;
border-bottom:1px solid #FAEBF9;
background:url(../img/etoile-rose.png) no-repeat right;
}

#proposer h3,#tags h3,#membre h3{
color:#FD621D;
border-bottom:1px solid #FD621D;
background:url(../img/etoile-orange.png) no-repeat right;
}

#grosbloc h3 a{color:#F9A51D;text-decoration:underline;}
#grosbloc h3 a:hover{text-decoration:none;}

/*structure contenu*/
#grosbloc{
width:650px;
margin-right:10px;
float:left;
text-align:left;
font-size:12px
}

#grosbloc p.msg{margin: 10px 0px;}

.bloc{
text-align:left;
width:320px;
}

#contenu .bloc{margin-bottom:40px;float:right;clear:right;}
#footer .bloc{margin-right:10px;margin-top:12px;float:left;}

/*lien*/
#footer span{float:right;margin-top:10px;}
#footer span a{font-size:12px;color:#fff;text-decoration:none;}
#footer span a:hover{text-decoration:underline;}

#footer .bloc ul li a{
display:block;
color:#fff;
font-size:12px;
line-height:25px;
text-decoration:none;
border-bottom:1px dashed #fff;
}

#footer .bloc ul li a:hover{background-color:#FAB734;}

#footer .bloc p{font-size:11px;color:#fff;text-align:justify;line-height:14px;}
#footer .bloc p a{color:#fff;text-decoration:none;font-weight:bold;}
#footer .bloc p a:hover{text-decoration:underline;}

#footer .bloc a#rezo{
background:url(../img/carterezo.png) no-repeat;
width:274px;
height:86px;
display:block;
position:relative;
top:13px;
margin-bottom:-1px;
}

/*categories*/
#categorie ul li{
padding-bottom:1px;
line-height:30px;
clear:both;
}

.trait{border-bottom:1px solid #F0F2F5;}

#categorie ul li a{
display:block;
color:#999A9D;
font-size:14px;
text-decoration:none;
background:url(../img/puce0.gif) no-repeat 299px;
}

#categorie ul li a:hover{
color:#585757;
background:url(../img/puce.gif) no-repeat 299px;
}

#categorie ul li ul{padding-left:0px;float:left;width:320px;}
#categorie ul li ul li{border:0;height:20px;line-height:20px;padding-top:1px;}
#categorie ul li ul li a{font-size:10px;background:url(../img/mini-puce.gif) no-repeat left;padding-left:18px;}
#categorie ul li ul li a:hover{background:url(../img/mini-puce-hover.gif) no-repeat left;}

/*recherche*/
#recherche form .search{
width:260px;
height:21px;
font-size:16px;
background-color:#FBFBFB;
border:2px solid #F9A51D;
padding:0;
background:url(../img/loupe.jpg) no-repeat right;
}

#recherche form .search:focus,#recherche form .search:active{border:2px solid #FD621D}
#recherche form .search:focus,#recherche form .search:active{border:2px solid #FD621D}

#recherche form .submit{
text-align:left;
padding-left:10px;
color:#fff;
font-weight:bold;
border: none;
cursor: pointer;
width:50px;height:26px;
background:url(../img/recherche.png) no-repeat;
display:inline;
}

#recherche form .submit:hover{color:#000}

/*tags*/
#tags a{text-decoration:none;margin:10px 10px 10px 0;line-height:25px;color:#F9A51D}
#tags a:hover{text-decoration:underline;color:#FD621D}
.tag20{font-size:28px;}
.tag16.6666666667{font-size:22px;}
.tag15{font-size:20px}
.tag13.3333333333{font-size:18px}
.tag10{font-size:12px;}

/*contenu site liste + detail*/
div.site{border:1px dashed #F9A51D;margin:20px 0;font-size:13px;padding:10px;text-align:left;color:#666;}
div.site img.miniature,.site span.swfir{float:right;cursor:pointer;margin-right:0px;width:160px;}


div.site p a{color:#F9A51D;font-weight:bolder;text-decoration:none;}
div.site p a:hover{text-decoration:underline;}

div.vote{border:1px solid #F9A51D;height:90px;width:80px;margin-top:20px;background-color:#f7f7f7;float:left;}
div.info{border:1px solid #F9A51D;height:90px;float:left;width:520px;margin-top:20px;margin-left:20px;background:url(../img/stripe.png) repeat;}
div.site a.alerte{font-size:10px;margin-top:10px;margin-right:10px;color:#F9A51D;text-decoration:none;float:right;}
div.site a.alerte:hover{text-decoration:underline;color:#FF0000}

.info p{font-size:12px;color:#F9A51D;padding:5px;}
.info a.premium{float:right;margin:0;background:url(../img/fav.png);display:block;width:45px;height:59px;}

.vote span{color:#F9A51D;font-size:14px;line-height:25px;display:block;margin-left:18px;}
.vote p{font-size:20px;color:#F9A51D;line-height:35px;text-align:center;font-weight:bold;}
.vote p.lienvote{border-top:1px solid #F9A51D;text-align:center;line-height:28px;color:#F9A51D;font-size:14px;}
.vote p.lienvote a{text-decoration:none;display:block;color:#F9A51D;}
.vote p.lienvote a:hover{text-decoration:underline;}

/* Onglets fiche site */
#detail div.site{margin-top:0;}
#detail {height:800px;margin-top:30px;}
#detail ul#menu-onglet {font-weight: bold;height:25px;font-size:12px;}
#detail ul#menu-onglet li {float: right;display: inline;margin-left:5px;}
#detail ul#menu-onglet li a {text-decoration: none;border: 1px solid #d5d5d5;padding:6px 10px;color:#F9A51D;display:block;}
#detail ul#menu-onglet li a:hover {text-decoration: underline;}
#detail ul#menu-onglet li a.current {background: url(../img/shadeactive.gif) top left repeat-x;border-bottom-color:#fff;}
#detail ul#menu-onglet li a.ghost  {background: #fff url(../img/shade.gif) top left repeat-x;}
#detail .content {border: 1px solid #d5d5d5;padding: 10px;}
#detail .on {display: block;}
#detail .off {display: none;}

#detail p.msg{color:#666;}
#detail p.msg a{color:#000;text-decoration:none;}

/* detail onglet fiche site*/
#motcle{margin:20px 0;}
#motcle a{font-size:18px;text-decoration:none;color:#F9A51D;margin-right:20px;}

/*choosepack*/
.soumission img{float:left;}
.soumission h2{margin-bottom:20px;clear:both;}
.soumission  p{font-size:13px;width:380px;margin:8px 0;line-height:normal;float:left;}

/*allcats*/
ul#allcats{font-size:14px;}
ul#allcats li{margin:20px 0;color:#F8A32C;}
ul#allcats li a{color:#F8A32C;border-bottom:1px dashed #F8A32C;text-decoration:none;}
ul#allcats li a:hover{color:#F8A32C;border-bottom:2px dashed #F8A32C}

/*form*/
#form2submit{font-size:13px}
#form2submit fieldset{border:1px solid #ddd;margin:10px 0;padding:10px;}
#form2submit .ligne,#form2submit .lignecaptcha{height:35px;clear:both;}
#form2submit p{font-size:11px;margin:20px 0}

.ligne label,.lignecaptcha label{float:left;height:30px;margin:3px 0;}

#form2submit .lignesubmit{clear:both;text-align:right;}

#form2submit .ligne input, #form2submit .ligne select,#form2submit .ligne textarea{width:470px;float:right;}
#form2submit .lignecaptcha input{float:right;width:300px;}
#form2submit img.captcha{margin-left:50px;}
#form2submit .ligne img.mini{float:left;margin-left:70px;padding-bottom:10px;}

#menul_2 a{color:#F9A51D;text-decoration:none;padding-left:24px;font-size:16px;background:url(../img/feed.png) no-repeat  left;line-height:30px;}
#menul_2  a:hover{text-decoration:underline;}

.alerte{color:#ff0000;font-weight:bold;}

p.feed{margin:10px 0;}
.feed a{color:#F9A51D;text-decoration:none;}
.feed a:hover{text-decoration:underline;}

#pages{margin:10px 0 20px;}
#pages b{border:1px solid #FD621D;padding:5px;margin-right:5px;}
#pages a{border:1px solid #FD621D;padding:5px;margin-right:5px;text-decoration:none;color:#FD621D;}
#pages a:hover{text-decoration:underline;color:#F9A51D;}