body{
background: #000 url('images/body_bckg.jpg') bottom repeat-x;
Font-family: Helvetica,Verdana,sans-serif;
font-size: 12px;
}
span.spacerboth {
display: block;
width: 0;
height: 0;
line-height: 0;
clear: both;
}
.hidden {display: none;}
.center {text-align: center;}
/* Logo */
#top_logo{margin-top: -16px;padding: 0;width: 100%;height: 82px;background: #080809 url('images/top_logo_bckg.jpg') repeat-x;}
/* NAV */
#main_nav{width: 100%;height: 36px;background: #ec4597 url('images/main_nav_bckg.jpg') repeat-x;}
ul.nav_lvl_1, ul.nav_lvl_1 li , ul.nav_lvl_2, ul.nav_lvl_2 li{list-style-type: none;}
ul.nav_lvl_1 li{float: left;padding-top: 15px;height: 21px;width: 130px;margin: 0 10px 0 10px;}
ul.nav_lvl_1 li a{
text-transform:uppercase;
float: left;
font:14px Helvetica,Verdana,sans-serif;
font-weight: bold;
color: #fff;
width: 100%;
text-align: center;
text-decoration: none;
}
ul.nav_lvl_1 li a:hover, ul.nav_lvl_1 li.current_page_item a{color: #511a35;}
ul.nav_lvl_1 li.current_page_item {background: transparent url('images/menu_tab.gif') center 8px no-repeat;}

ul.nav_lvl_2{height: 17px;overflow: hidden;}
ul.nav_lvl_2 li{float: left;padding: 0 10px 0 10px;}
ul.nav_lvl_2 li a{
font:13px Helvetica,Verdana,sans-serif;
color: #333;
text-decoration: none;
padding-left: 13px;
font-weight: bold;
}
ul.nav_lvl_2 li a:hover, ul.nav_lvl_2 li.current_page_item a{color: #eb4496;}
ul.nav_lvl_2 li.current_page_item a{
background: transparent url('images/puce_rose.gif') left 0 no-repeat;
}

/* Content */
#main_content {
width: 100%;
background: #000 url('images/main_content_bck.png') repeat;
_background: #000 url('images/main_content_bck.gif') repeat;
}
#main_content div.page_bckg{
background: #eee;
border-left: #fff 1px solid;
border-right: #fff 1px solid;
}

/* Bannieres */
div.banner{height: 270px;position: relative;}
div.banner h3{
position: absolute;
top: 85px;
left: 420px;
width: 455px;
font-family: Georgia, serif;
font-style: italic;
font-weight: bold;
color: #fff;
font-size: 28px;
text-align: center;
height: 38px;
}
div.banner p{
position: absolute;
top: 125px;
left: 420px;
width: 455px;
height: 85px;
font-family: Georgia, serif;
font-style: italic;
color: #fff;
font-size: 20px;
text-align: justify;
}
div.banner.my_life {
background: transparent url('images/bann_my_life.jpg') 0 0 no-repeat;
}
div.banner.bann_custom {
background: transparent url('images/banner_custom.jpg') 0 0 no-repeat;
}
div.banner.bann_contact {
background: transparent url('images/banner_contact.jpg') 0 0 no-repeat;
}

/* Fil d'Ariane */
div.ariane {margin-bottom: 10px;}
div.ariane a {text-decoration: none;color: #eb4496;}
div.ariane a:hover{text-decoration: underline;}

/* Slots */
div.slot{
height: 142px;
margin-bottom: 10px;
}
div.slot h2{
padding-left: 25px;
margin: 28px 0 0 20px;
font-family: Georgia, serif;
font-size: 30px;
font-weight: bold;
background: transparent url('images/bullet_star.png') left 3px no-repeat;
_background: transparent url('images/bullet_star.gif') left 3px no-repeat;
}
div.slot p{
padding: 10px 15px 10px 15px;
color: #333;
font-weight: bold;
font-size: 12px;
}
div.slot a{
color: #eb4496;
font-weight: bold;
text-decoration: none;
padding-left: 22px;
background: transparent url('images/puce_rose.gif') 9px 0 no-repeat;
}
div.slot a:hover{text-decoration: underline;}
div.slot.repair{background: transparent url('images/slot_repair.jpg') 0 0 no-repeat;}
div.slot.custom{background: transparent url('images/slot_custom.jpg') 0 0 no-repeat;}
div.slot.shop{background: transparent url('images/slot_shop.jpg') 0 0 no-repeat;}

/* Contenu */
div.page_bckg{padding-top: 10px;}
div.text{
margin-bottom: 10px;
padding: 10px 0 10px 0;
border-top: 1px solid #d6dbd4;
border-bottom: 1px solid #d6dbd4;
}
div.grid_7.text{background: #f5f5ec url('images/bckg_text_7.gif') repeat-y;}
div.grid_8.text{background: #f5f5ec url('images/bckg_text_8.gif') repeat-y;}
div.grid_12.text{background: #f5f5ec url('images/bckg_text_12.gif') repeat-y;}
div.text h1{
font-family: Georgia, serif;
font-style: italic;
font-weight: bold;
color: #eb4496;
font-size: 28px;
padding: 10px;
}
h1.hp, div.text h1.mail{
background: url('images/mail.gif') 5px 7px no-repeat;
padding-left: 50px;
}
h1.custom_gal{float: left;margin-top: 8px;margin-right: 30px;}
div.text h2{
font-family: Georgia, serif;
color: #511a35;
font-weight: bold;
font-size: 22px;
padding: 5px 10px 10px 10px;
}
div.text p, div.alpha.omega.text p{
padding: 0 10px 10px 10px;
font-size: 13px;
color: #555;
}

div.text a{
text-decoration: none;
color: #eb4496;
}
div.text a:hover{
text-decoration: underline;
}

div.video {
padding: 20px;
text-align: center;
}
div.navigation div.left{text-align: left;}
div.navigation div.left a{background: transparent url('images/previous.gif') left top no-repeat; padding: 2px 0 5px 25px;text-decoration: none;color: #333;}
div.navigation div.right{text-align: right;}
div.navigation div.right a{background: transparent url('images/next.gif') right top no-repeat; padding: 2px 25px 5px 0;text-decoration: none;color: #333;}
div.navigation div.center{text-align: center;}
div.navigation div.center a{text-decoration: none;color: #333;}
div.navigation div.right a:hover, div.navigation div.left a:hover, div.navigation div.center a:hover{text-decoration: underline;color: #eb4496;}

div.paint{
background: url('images/paint_bckg.jpg') -5px bottom repeat-y;
text-align: right;
}
div.paint h2{
width: 100%;
height: 52px;
background: transparent url('images/paint_flag.gif') no-repeat;
font-family: Georgia, serif;
color: #fff;
font-weight: bold;
font-size: 22px;
font-style: italic;
padding-top: 9px;
}
div.paint h3{
font-size: 18px;
font-weight: bold;
color: #eb4496;
padding: 0 10px 0 90px;
}
div.paint p{
color: #efefef;
padding: 10px 10px 10px 110px;
text-align: right;
}
div.paint div.paint_stop{
margin-top: 20px;
width: 100%;
height: 36px;
background: transparent url('images/paint_stop.png') no-repeat;
_height: 24px;
_background: transparent url('images/paint_stop.gif') no-repeat;
}
div.paint ul{
text-align: left;
padding: 2px 10px 2px 125px;
}
div.paint ul li a{
color: #efd860;
text-decoration: none;
padding-left: 15px;
background: transparent url('images/puce_jaune.gif') left top no-repeat;
}
div.paint ul li a:hover{
color: #feb20e;
background: transparent url('images/puce_orange.gif') no-repeat;
}

div.paint_bottom{
background: url('images/paint_bottom.jpg') -5px 0 no-repeat;
height: 78px;
}



ul.articles_list{margin-left: 20px;}
ul.articles_list li{ margin-bottom: 15px;}
ul.articles_list li h2 a{background: url('images/tuto_text.gif') no-repeat 0 4px; padding: 10px 0 15px 38px;text-decoration: none; color:#eb4496;font-family:Georgia,serif;font-size: 18px; font-weight: normal;display: block;margin-bottom: 5px;}
ul.articles_list li.video h2 a{background: url('images/tuto_video.gif') no-repeat 0 4px;}
ul.articles_list li h2 a:hover? ul.articles_list li.video h2 a:hover{text-decoration: underline;}
ul.articles_list li a.news_excerpt{text-decoration: none; color:#666;}
ul.articles_list li a.news_excerpt:hover{text-decoration: none; color:#666;}
/* Fin de page, effet bombe */
div.page_ender {
height: 69px;
background: #eee url('images/page_ender_bckg.jpg') bottom repeat-x;
border-left: 1px solid #fff;
border-right: 1px solid #fff;
}
div.page_ender div.copyright{
margin-top: 50px;
text-align: center;
}

/* Footer */
div#footer{
background: #45494c url('images/footer_bckg.jpg') 0px bottom repeat-x;
height: 100px;
overflow: visible;
border-top: 1px solid #fff;
}

/* Commentaires */
h3.comment_title {
background: transparent url('images/comment.gif') 0px 3px no-repeat;
font-family: Georgia, serif;
color: #333;
font-weight: bold;
font-size: 22px;
font-style: italic;
padding: 5px 0 5px 31px;
margin: 25px 0 10px 0;
}
h3.are_comments {
font-family: Georgia, serif;
color: #333;
font-weight: bold;
font-size: 18px;
font-style: italic;
margin: 10px 0 10px 0;
}
p.connected_as{
padding: 10px;
background: #f5f5ec;
border: 1px solid #d6dbd4;
margin: 5px 0 5px 0;
}
a.logout {
background: transparent url('images/logout.gif') 5px 3px no-repeat;
padding: 5px 0 5px 25px;
color: #eb4496;
text-decoration: underline;
}
a.profile {
background: transparent url('images/profile.gif') 5px 3px no-repeat;
padding: 5px 0 5px 25px;
color: #eb4496;
text-decoration: underline;
}
textarea.comment{width: 620px;border: 1px solid #d6dbd4;margin-bottom: 5px;}
ol.commentlist li{
background: #f5f5ec;
padding: 10px;
border: 1px solid #d6dbd4;
margin-bottom: 10px;
}
div.comment-meta {

}
ol.commentlist li div.asg_comment{
padding: 10px;
background: #fff;
border: 1px solid #d6dbd4;
margin-top: 10px;
}

/* GALLERY */
a.gal_link{
float: left;
height: 73px;
width: 24px;
display: block;
}
a#thumb_next{background: transparent url('images/next_thumb.gif') no-repeat;margin-top: 15px;_margin-top: 0;}
a#thumb_next:hover{background: transparent url('images/next_thumb_hover.gif') no-repeat;}
a#thumb_next.inactive{background: transparent url('images/next_thumb_off.gif') no-repeat;}
a#thumb_next.inactive:hover{background: transparent url('images/next_thumb_off.gif') no-repeat;cursor:default;}
a#thumb_previous{margin-left: 10px;background: transparent url('images/previous_thumb.gif') no-repeat;margin-top: 15px;_margin-top: 0;}
a#thumb_previous:hover{background: transparent url('images/previous_thumb_hover.gif') no-repeat;}
a#thumb_previous.inactive{background: transparent url('images/previous_thumb_off.gif') no-repeat;}
a#thumb_previous.inactive:hover{background: transparent url('images/previous_thumb_off.gif') no-repeat;cursor:default;}

div#gal_thumbs {
margin-top: 15px;
_margin-top: 0;
height: 73px;
width: 532px;
overflow: hidden;
float: left;
}
div.thumbz_menu{
height: 73px;
width: 100000%;
}
#big_pic{
height: 330px;
_height: 355px;
text-align: center;
margin-top: 10px;
margin-bottom: 10px;
}
div.img_contener{
height: 300px;
}
#big_pic.loading{
background: url('images/ajax-loader.gif') center center no-repeat;
}
div#gal_thumbs a{
display: block;
float: left;
padding: 5px;
}
div#gal_thumbs a img{border: 3px solid #f5f5ec;}
div#gal_thumbs a:hover img{border: 3px solid #888;}
div#gal_thumbs a.current_thumb img{border: 3px solid #eb4496;}
div#gal_thumbs a.hidden{display: none;}

div#gal_top{
float: left;
}
a.filter_switch{display: inline; float: left;width: 48px;height: 48px;margin-right: 10px;margin-top: 10px}
a#caps_switch{background: transparent url('images/cap.gif') no-repeat;}
a#caps_switch.off{background: transparent url('images/cap_off.gif') no-repeat;}
a#caps_switch.off:hover{background: transparent url('images/cap.gif') no-repeat;}

a#tshirt_switch{background: transparent url('images/tshirt.gif') no-repeat;}
a#tshirt_switch.off{background: transparent url('images/tshirt_off.gif') no-repeat;}
a#tshirt_switch.off:hover{background: transparent url('images/tshirt.gif') no-repeat;}

a#shoes_switch{background: transparent url('images/shoe.gif') no-repeat;}
a#shoes_switch.off{background: transparent url('images/shoe_off.gif') no-repeat;}
a#shoes_switch.off:hover{background: transparent url('images/shoe	.gif') no-repeat;}

a#others_switch{background: transparent url('images/other.gif') no-repeat;}
a#others_switch.off{background: transparent url('images/other_off.gif') no-repeat;}
a#others_switch.off:hover{background: transparent url('images/other.gif') no-repeat;}

div#votes{
height: 15px;
width: 100%;
}
div#votes.loading{background: url('images/ajax-loader.gif') center center no-repeat;}

div.stars{
display: block;
height: 15px;
width: 94px;
margin: 3px auto 0 auto;
position: relative;
}

div.stars.stars-0{background: transparent url('images/stars-0.gif') no-repeat top left;}
div.stars.stars-1{background: transparent url('images/stars-1.gif') no-repeat top left;}
div.stars.stars-2{background: transparent url('images/stars-2.gif') no-repeat top left;}
div.stars.stars-3{background: transparent url('images/stars-3.gif') no-repeat top left;}
div.stars.stars-4{background: transparent url('images/stars-4.gif') no-repeat top left;}
div.stars.stars-5{background: transparent url('images/stars-5.gif') no-repeat top left;}
div.stars.vote-stars-1{background: transparent url('images/vote-stars-1.gif') no-repeat top left;}
div.stars.vote-stars-2{background: transparent url('images/vote-stars-2.gif') no-repeat top left;}
div.stars.vote-stars-3{background: transparent url('images/vote-stars-3.gif') no-repeat top left;}
div.stars.vote-stars-4{background: transparent url('images/vote-stars-4.gif') no-repeat top left;}
div.stars.vote-stars-5{background: transparent url('images/vote-stars-5.gif') no-repeat top left;}

a.star{
height: 15px;
width: 14px;
margin: 0 2px 0 2px;
float: left;
display:block;
}

div.vote_info{
padding: 5px;
}

/* FORMULAIRE */
form#contact_form {
padding: 10px;
}

#form_msg{
margin-left: 110px;
margin-bottom: 10px;
color: #333;
font-size: 22px;
font-family: georgia,serif;
font-style: italic;
}

option{
width: 100px;
}

label {
width: 90px;
margin-bottom: 2px;
display: block;
float: left;
height: 25px;
padding: 3px 0 0 22px;
font-weight: bold;
font-family: georgia,serif;
font-style: italic;
color: #333;
}
label.comment{
width: 330px;
}
label#label_new_sector{width: 2px;margin-right: 50px}
label#option_label{width: 120px;margin-top: 6px;}
label.required{background: url('images/cross.png') top left no-repeat;_background-image: url('images/cross.gif');}
label.required.ok{background: url('images/tick.gif') top left no-repeat;_background-image: url('images/tick.gif');}
input{
border: 1px solid #ccc;
background: #fff;
float: left;
width: 250px;
}
textarea{
border: 1px solid #ccc;
background: #fff;
float: left;
width: 400px;
height: 250px;
}
.nofloat{
float: float;
}
input.option_input{width: 60px;margin-right: 20px; font-size: 10px; height: 20px;margin-top: 4px;}
input.chkbx {width: 10px;}

#submitter{
font-weight: bold;
border: none;
margin-left: 120px;
padding: 8px 0 10px 50px;
background: url('images/send.gif') no-repeat;
color: #eb4496;
font-weight: bold;
font-family: georgia,serif;
font-style: italic;
font-size: 20px;
width: 105px;
margin-bottom: 10px;
cursor: pointer;
}

input:focus, textarea:focus {
background: #ffe0ef;
}

span.required {color: red;}

a.send {
text-decoration: none;
color: #666;
font-weight: bold;
padding: 0 0 5px 18px;
background: url('images/bullet_go.gif') no-repeat;
display: block;
margin: 5px 0 10px 160px;
}

a.send:hover {
color: #555;
}

div.map{
margin-left: 15px;
margin-bottom: 10px;
border: 2px solid #eb4496;
}
span.shop_map_info{
font-size: 10px;
}
span.shop_map_info strong a{
text-decoration: none;
color: #eb4496;
font-size: 12px;
}

img.alignleft {
margin: 0 8px 8px 0;
display: inline;
float: left;
}
.pink_bullet{
padding-left: 15px;
background: transparent url('images/puce_rose.gif') left 1px no-repeat;
}

/* BANNIERES */
#gal {
position: relative;
width: 942px;
height: 260px;
margin-left: 9px;
}

.bann_elements{
position: absolute;
top: 0;
opacity: 0;
filter : alpha(opacity=0);
}

.bann_image {
background-image: no-repeat;
width: 942px;
height: 260px;
overflow: hidden;
}

.bann_legend_contener {
position: relative;
width: 942px;
height: 260px;
overflow: hidden;
}

.bann_legend_bckg {
position: absolute;
top: 280px;
height: 60px;
width: 942px;
background: #000;
opacity: .5;
filter : alpha(opacity=50);
}

.bann_legend_info {
position: absolute;
top: 270px;
color: #c3e7fc;
padding: 7px 0 0 10px;
}

.bann_legend_info p{
font-size: 15px;
}

.bann_legend_info h3{
color: #fff;
font-size: 20px;
margin: 0;
padding: 0;
font-weight: normal;
}

/*CAROUSEL*/
div#carousel{
position: relative;
background-color: #777;
height: 299px;
border: 1px solid #999;
overflow: hidden;
}

div#carousel_content{
height: 299px;
width: 740px;
overflow: hidden;
}

div#carousel_content div.carousel_slide{
float: left;
position: relative;
width: 740px;
height: 299px;
float: left;
}

div#carousel_content div.carousel_slide div.carousel_shader{
position: absolute;
width: 740px;
top: 199px;
height: 300px;
background: #000;
opacity: .7;
filter : alpha(opacity=70);
}

div#carousel_content div.carousel_slide div.carousel_text{
position: absolute;
width: 740px;
top: 199px;
padding: 10px;
color: #fff;
}

div#carousel_content div.carousel_slide div.carousel_text h2{
font-size: 22px;
margin-top: 2px;
margin-bottom: 5px;
}

div#carousel_content div.carousel_slide div.carousel_text p{
font-size: 14px;
margin-bottom: 10px;
padding-right: 60px;
}

ul.carousel_links{
list-style-type: none;
margin: 0;
padding: 0 0 5px 0;
overflow: auto;
}

div#carousel_tabs{
position: absolute;
width: 220px;
right: 0;
top:0;
overflow: hidden;
}

div#carousel_tabs div{
padding: 10px 0 10px 20px;
width: 220px;
background: #dedede url('images/carou_tab.jpg') repeat-x;
border: 1px solid #efefef;
border-bottom: 1px solid #b7b7b7;
}

div#carousel_tabs div.carousel_tab_selected{
background: #ec4595 url('images/carou_tab_on.jpg') repeat-x;
border: 1px solid #f154a1;
border-bottom: 1px solid #b33773;
}

div#carousel_tabs div a.carousel_tab_title{
font-weight: bold;
color: #717171;
font-size: 16px;
text-decoration: none;
}

div#carousel_tabs div a.carousel_tab_subtitle{
color: #717171;
font-size: 12px;
text-decoration: none;
}

div#carousel_tabs div.carousel_tab_selected a.carousel_tab_title, div#carousel_tabs div.carousel_tab_selected a.carousel_tab_subtitle{
color: #fff;
}

ul.carousel_links li{
float: left;
margin-right: 15px;
}

ul.carousel_links li a{
padding-left: 15px;
background: transparent url('images/puce_jaune.gif') left 1px no-repeat;
color: #fed237;
text-decoration: none;
}
ul.carousel_links li a:hover{
text-decoration: underline;
}

/* Distributors */

div.distributor_info{
margin-left: 10px;
margin-bottom: 20px;
}

div.distributor_info ul{
list-style-type: none;
padding:0;
margin-top: 5px;
}

div.distributor_info ul li.tel{
padding: 5px;
padding-left: 25px;
background: transparent url('images/phone.gif') left 2px no-repeat;
}

div.distributor_info ul li.mail{
padding: 5px;
padding-left: 25px;
background: transparent url('images/email.gif') left 4px no-repeat;
}

div.distributor_info ul li.website{
padding: 5px;
padding-left: 25px;
background: transparent url('images/mouse.gif') left 3px no-repeat;
}

h2.flag{
height: 25px;
}

h2.flag img{
vertical-align: bottom;
}

/*SOCIABLE Plugin */
div.sociable { width: 100%; margin-top: 30px; text-align: center; }
.sociable ul {display: inline;}
.sociable ul li {
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
.sociable-hovers {
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

/* Articles de home */
hr.thin{
border: none;
height: 1px;
line-height: 1px;
background: #ccc;
}
hr.hp{
border: none;
height: 1px;
line-height: 1px;
background: #511a35;
}
div.asg_article{
margin-top: 25px;
margin-bottom: 10px;
}
div.asg_article img{
_width: 140px;
}
div.asg_articles h3{
font-family: Georgia, serif;
font-weight: bold;
font-size: 25px;
padding: 0 10px 15px 0;
}
div.asg_articles h3 a{color: #eb4496;text-decoration: none;}
div.asg_articles h3 a:hover{text-decoration: underline;}
div.asg_articles p{
font-style: italic;
line-height: 18px;
padding: 15px 0 20px 0;
}
h2.hp{
font-family: Georgia, serif;
color: #511a35;
font-weight: bold;
font-size: 24px;
padding: 5px 10px 0 5px;
width: 95%;
}

h1.articles{
color: #eb4496;
font-size: 28px;
padding: 0 10px 22px 5px;
}
h1.articles a{
font-family: Georgia, serif;
color: #eb4496;
text-decoration: none;
}
h1.articles a:hover{text-decoration: underline;}


div.asg_articles a.learnmore{color: #511a35;}
div.asg_articles a.learnmore:hover{color: #eb4496;}
span.article_info{
color: #666; font-size: 11px; padding: 3px;background: #ddd; border: 1px solid #ccc;
}

div.hp_custom {
border: 1px solid #dbdcd7;
background: #f5f5ec;
padding: 10px;
text-align: center;
}
div.hp_custom a, span.article_info a{
color: #eb4496;
text-decoration: none;
}
div.hp_custom a:hover, span.article_info a:hover{
text-decoration: underline;
}
div.hp_custom img{
height: 85%;
width: 85%;
}
div.hp_custom h2{
font-family: Georgia, serif;
color: #eb4496;
font-weight: bold;
font-size: 22px;
padding: 5px 0;
font-style: italic;
}