/* //////////////////////////////
// GENERAL + HEADER + NECKER
*/
a{color:#000;}
a:hover{color:#868686;}
#page{width:800px; margin:20px auto; padding-bottom:20px;}
body #page{margin-top: 0px; padding-top:20px;}
body>#page{margin-top: 20px; padding-top:0;}

body.jp #page{ font-family:'小塚明朝 Pro'; }
body.jp #necker ul a{
font-size:13px;
}

body.jp #necker .ftext label {
line-height:11px;
font-size:11px;
}
body.jp #intro {
clear:both;
font-size:13px;
margin:10px 0;
	line-height:15px;
}	

body.jp .liste_news_item h3 {
font-size:14px;
font-weight:bold;
}

body.jp .text_studio_smpic_item,
body.jp .text_studio_smpic_item p,
body.jp .text_studio_bigpic_item p{
	font-size:10px;
	line-height:15px;
}

body.jp .text_studio_bigpic_alpha h2{
	font-size:22px;
}

#header{width:800px; height:53px;padding-bottom: 4px; border-bottom: 1px solid #b6b6b6; font-size: 11px;}
#header h1{width:211px; float:left;}
#header h1 a{
	display:block; width:161px; height:30px; margin-top:23px;
	background: transparent url('../media/images/logobp.gif') no-repeat top left;
}
#header h1 a:hover{background-position: bottom left;}
#header ul{width:500px; float:right; text-align: right;}
#header li{display: inline; margin-left:30px;}
#header li a{color:#868686; text-decoration: none;}
#header li a:hover{color:#000;}
#header li a.selected{color:#000;}
#header li a.selected:hover{color:#868686;}
#header li.lan{text-transform: lowercase;}



#necker{padding:2px 0 2px 0; height:21px; border-top: 2px solid #000; border-bottom: 2px solid #000; margin-top:2px;}

#necker ul{font-size: 18px; font-weight: bold; float:left; width:450px; height:21px;}
#necker li{display:inline; margin-right:30px; line-height:1;}
#necker li a{text-decoration: none; color:#868686;}
#necker li a:hover{color:#000;}
#accueil #necker li a,
#contact #necker li a,
#necker li.selected a{color:#000;}
#accueil #necker li a:hover,
#contact #necker li a:hover,
#necker li.selected a:hover{color:#868686;}

#necker form{width:350px; float:right; font-size: 13px; position:relative; z-index: 20;}
#necker form div{float:right;}
#necker fieldset{float:left;}
#necker .ftext label{/*margin:4px 0 0 0;*/ line-height:21px;}
#necker .ftext input{
	width:125px; margin:0 0 0 5px; padding-left:3px; padding-right:3px;
}
#necker .fsubpic input{margin-left:5px; width:14px; height:10px; padding-top:6px;}

/*#necker form*/
#nwsltr_messerok{
	position:absolute;right:0px; display:none;
	 width:288px; padding:5px; border: 2px solid #000; background-color: #fff;
}
form #nwsltr_messerok{top:25px;} /*ie6*/
form>#nwsltr_messerok{top:23px;}
#p_nwsltr_messerok{}
.nwsltr_messerok_close{margin-top:1.2em; font-style: italic;}
.nwsltr_messerok_close a{text-decoration: none;}



/* /////////////////////////////////
// INTRO + BIG POSTER + BIGPATH
*/
#intro{font-size: 18px; margin:10px 0; clear: both;}

.bigposter{width:800px; height:420px; position:relative; margin-top:2px;}
#accueil .bigposter{border-bottom: 1px solid #000;}
.bigposter img{display: block;}
.bignav_left, .bignav_right{position:absolute; top:0; width:400px; height:420px; background-position: bottom left;}
.bignav_left:hover, .bignav_right:hover{background-position: top left;}
.en .bigposter .bignav_left{left:0; background-image: url('../media/images/bignav4_en_g.gif');}
.en .bigposter .bignav_right{right:0; background-image: url('../media/images/bignav4_en_d.gif');}
.en .bigposter>.bignav_left{left:0; background-image: url('../media/images/bignav4_en_g.png');}
.en .bigposter>.bignav_right{right:0; background-image: url('../media/images/bignav4_en_d.png');}
.fr .bigposter .bignav_left{left:0; background-image: url('../media/images/bignav4_fr_g.gif');}
.fr .bigposter .bignav_right{right:0; background-image: url('../media/images/bignav4_fr_d.gif');}
.fr .bigposter>.bignav_left{left:0; background-image: url('../media/images/bignav4_fr_g.png');}
.fr .bigposter>.bignav_right{right:0; background-image: url('../media/images/bignav4_fr_d.png');}



.bigpath{
	width:800px; padding:4px 0 6px 0; border-bottom: 1px solid #000;
	font-family: Verdana, Arial, sans-serif; font-size: 9px;
}
.bigpath_left{width:120px;float:left;}
.bigpath_right{width:680px;float:right; text-align: right; line-height:1.4;}
.bigpath_right a{font-weight: bold;}

#gestion_newsletter{padding:100px 100px 100px 200px; font-size:16px; border-bottom: 1px solid #000;}
#gestion_newsletter h2{font-size: 18px; font-weight:bold;}



/* //////////
// FOOTER
*/
#footer{padding-top:7px; font-size: 11px;}

#footer h4{display:none;}
#footer .unstudio{font-size: 110%;}
#footer .unstudio strong{font-size: 110%;}
#footer .org{display:none;}
#footer .tel{}
#footer .tel .type{display:none;}
#footer .tel strong{font-style: italic;}
#footer p{font-style: italic;}



/* //////////////
// HIGHSLIDE
*/
.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
    text-decoration: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-wrapper, .drop-shadow {
	background: white;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	border: 10px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.highslide-html {
	background-color: white;
}
.highslide-maincontent {
	display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;

    padding-left: 22px;
    background-image: url(highslide/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}
/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-wrapper .highslide-header {
	text-align:right;
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
	cursor: move;
}
.highslide-resize {
	cursor: nw-resize;
}



/*
  back-to-top: unobtrusive global 'back to top' link using mootools
  
  copyright (c) 2007 by gonchuki - http://blog.gonchuki.com
                    and Nicolas Sanguinetti - http://nicolassanguinetti.info
  
  version:	1.0
  released: November 11, 2007
  
  This work is licensed under a Creative Commons Attribution-Share Alike 3.0 License.
    http://creativecommons.org/licenses/by-sa/3.0/
*/

#back-to-top,
#back-to-top.visible {
  display: none;
}

body>#back-to-top {
  position: fixed; bottom: 0;right: 0; padding: 3px 17px 3px 7px;
  cursor: pointer; font-size: 14px; color: #fff; font-weight: bold;
  background: #666 url('../media/images/triangle-gray-up.png') no-repeat right center;
}

body>#back-to-top.visible {
  display: inline;
}

a.element_referent_client{
	text-decoration:none;
	color:#000000;
	
}

a.element_referent_client:hover{
	color:#868686;
/*	border-top:1px solid #868686;*/
}

/* ELEMENT SELECTIONNER*/
a.element_referent_client_selected{
	/*font-weight:bold; */
	color:#000000;
	background-color:yellow;

}

a.element_referent_client_selected:hover{
	color:#868686;
} 






/* /////////////////////////////////
// ACCUEIL
*/
#liste_news{width:800px; border-bottom: 1px solid #000;}

.liste_news_item{
	width:260px; margin-left:10px; padding-top:7px; float:left;
	font-size: 12px; border-top: 1px dotted #000; color:#868686;
	 
	
	
	 /* ça devrait pas être là mais c'est pour éviter le texte fantôme sur ie6!!! */
	background-color: transparent; display: inline; 
}
.liste_news_item a{color:#868686;}
.liste_news_item a:hover{color:#000;}

.liste_news_item.first{margin-left:0;}
.liste_news_item.selected{color:#000;}
.liste_news_item.selected a{color:#000;}
.liste_news_item.selected a:hover{color:#868686;}

.liste_news_item h3{font-size: 15px; font-weight: bold;}
.liste_news_item p{margin-bottom:1.2em;}



/* /////////////////////////////////
// STUDIO
// grandes cols petite pic + h1
*/
#studio h1#titre{font-size: 20px; font-weight:bold; margin-top:10px;}

.text_studio_smpic{width:800px; margin:10px 0;}

.text_studio_smpic_item{
	width:256px; margin-left:14px; padding-top:7px; float:left; font-size: 12px; 
	/* ça devrait pas être là mais c'est pour éviter le texte fantôme sur ie6!!! */
	background-color: transparent; display: inline; 
}
.text_studio_smpic .text_studio_smpic_item{border-top: 1px solid #ccc;}
.text_studio_smpic>.text_studio_smpic_item{border-top: 1px dotted #000; }
.text_studio_smpic_item.first{margin-left:0;}
.text_studio_smpic_item h3{font-size: 15px; font-weight: bold;}
.text_studio_smpic_item img{display: block; width:256px; margin:10px 0;}



/* /////////////////////////////////
// STUDIO
// petites cols grosse pic
*/
.text_studio_bigpic{width:800px; margin-top:10px; border-top: 1px solid #000; padding-top:10px;}
#page .text_studio_bigpic{margin-bottom:-10px;}
#page>.text_studio_bigpic{margin-bottom:0;}

.text_studio_bigpic_alpha{width:486px; float:left;}
.text_studio_bigpic_alpha h2{font-weight: bold; font-size: 29px; margin-right:10px;}

.text_studio_bigpic_item{
	width:152px; margin-right:10px; float:left;
	/* ça devrait pas être là mais c'est pour éviter le texte fantôme sur ie6!!! */
	background-color: transparent; display: inline; 
}
.text_studio_bigpic_item h3{font-size: 15px; font-weight: bold; font-style: italic;}
.text_studio_bigpic_item img{display:none;}

.text_studio_bigpic_beta{width:314px; padding-bottom:3px; float:left;}
.text_studio_bigpic_beta img{display: block; width:314px; margin-top:5px;}



/* /////////////////////////////////
// STUDIO
// équipe
*/
.equipe{width:800px; margin-top:10px; border-top: 1px dotted #000; padding:14px 0;}

.poste_equipe_end, .econographik_end{
	border-bottom: 1px solid #000;
}

.equipe h3{font-weight:bold; /*text-transform:uppercase; */ margin-bottom:12px;}

.equipe_item{
	width:152px; height:228px; margin:0 0 10px 10px; float:left;
	/* ça devrait pas être là mais c'est pour éviter le texte fantôme sur ie6!!! */
	background-color: transparent; display: inline; 
}
.equipe_item.first{margin-left:0;}
.equipe_item img{width:150px; height:180px; border: 1px solid #868686; margin-bottom:3px;}

.equipe_item h3, 
.equipe_item p{font-size: 12px; margin:0 2px;}
.equipe_item span{display: block;}
.eqitp_id{font-weight: bold;}
.eqitp_met{}
.eqitp_post{}

.equipe.clients li{display:inline;}



/* /////////////////////////////////
// REFERENCES
*/
#categories_list{width:800px; padding:2px 0; border-bottom: 1px solid #000; font-size: 11px;}
#categories_list h2{
	line-height:14px; height:14px; padding-top:3px; /*margin-bottom:2px;*/
	border-top:2px solid #000; overflow:hidden; width:800px; font-style: italic; text-align:right;
}
#categories_list h2 span{text-transform: uppercase; font-style: normal; line-height:15px;}
#categories_list h2 a{font-style: normal; color: #366bae; line-height:15px;}
#categories_list h2 a:hover{color: #000;}



/* ///////////////////
/// SHOP
*/
#shop #myshoporder{padding:10px 0; border-bottom: 1px solid #000;}
#shop .tva{font-size: 10px; color:#868686;}
#shop #myshoporder.merci{border-bottom: 1px solid #000; padding:100px 0;}



/* ///////////////////
/// SHOP
/// menu a gauche
*/
#shop_howto{
	width:232px; height:142px; float:left; color:#000; font-weight: bold; padding:20px 10px 10px 10px;
	border: 2px solid #000; position:fixed; z-index: 0; background-color: #fff;
}
/*réglages i6 qui veut pas du 'fixed' */
/**/
#myshoporder #shop_howto{margin-left:-14px;} /*IE6*/
#myshoporder>#shop_howto{margin-left:0;}
/**/
#shop_howto fieldset{margin:10px 0;}
#shop_howto .fselec{float:left;}
#shop_howto .fselec label{display: block;}
#shop_howto .fselec select{width:125px;}
#shop_howto .fsubpic label{display:none;}
#shop_howto .fsubpic input{margin:20px 0 0 15px; float:left;}
#shop_howto p{clear:both; margin-top:-10px;}



/* ///////////////////////
/// SHOP
/// produits a droite
*/
#shop_products{width:530px; margin-left:14px; float:right;/* margin-top:11px;*/}

.product{width:530px; padding:15px 0;}
#shop_products .product{border-top: 1px solid #ccc;}
#shop_products>.product{border-top: 1px dotted #000;}
/*#shop_products .product.first{border:0; padding-top:0;}*/
.product h2{font-size: 18px; font-weight:bold;}

.prod_photo{width:272px; margin-right:15px; float:left;}
.prod_photo a{border: 1px solid #c6c5c6; display: block;}
.prod_photo_small{display: block;}
.prod_photo_zoom{
	margin-top: 5px; width:227px; height:33px; padding-left:43px; line-height:33px;
	background: #fff url('../media/images/shopzoom.png') no-repeat top left;
	color:#868686; text-decoration: none;
}
.prod_photo_zoom:hover{color:#000;}

.prod_details{width:243px; height:158px; float:left;}
.prod_desc{margin:1.2em 0;}

.prod_prix{width:243px; height:74px; float:left;}
.prod_prix td{padding-right:5px; height:14px;}
.prxtab_tvaspeech{height:32px; vertical-align:bottom; font-size:11px;}
.prxtab_lieu{}
.prxtab_montant{text-align: right;}

.prod_quant{width:243px; height:35px; float:left; margin-top:5px; position:relative;}
.prod_quant fieldset{position: absolute; bottom:0px; left:0;}
.prod_quant label{margin-right:7px; line-height:14px;}
.prod_quant select{line-height:14px;}



/* ///////////////////////////
/// SHOP
/// liste points de vente
*/
#listpdvente{padding:0 15px 30px 0;/*270px*/ clear:both;/* border-bottom:1px solid #000000;*/}
#listpdvente h3{font-weight: bold; margin-top:15px; cursor:pointer;}
#listpdvente h3.first{margin-top:0;}
#listpdvente hr{margin-bottom:30px;}
#listpdvente img{float:left;}
#listpdvente h3,
  .desptsdevente{margin-left : 245px; width:270px;}
#listpdvente ul{margin-left:20px;}
#listpdvente li{list-style-type: disc; display: list-item;}



/* ///////////////////////////
/// COMMANDE
*/
#commande #orderForm{padding:10px 0; border-bottom: 1px solid #000;}

#comm_modif{
	width:232px; height:100px; float:left; color:#000; font-weight: bold; padding:10px; border: 2px solid #000;
}


#comm_formulaire{width:530px; margin-left:14px; float:right; margin-top:5px;}
#comm_formulaire h2{font-size: 18px; font-weight:bold;}
.order_unit{width:530px; padding:15px 0; border-top: 1px dotted #000;}
.order_unit.first{border-top: 0; padding-top:0;}

.comm_col{width:265px; float:left; margin-top:15px;}
.comm_col .fselect,
.comm_col .ftext{padding-bottom:7px; height:20px;}
.comm_col .fselect label,
.comm_col .ftext label{width:70px; padding:5px 5px 0 0; display: block; float:left; text-align: right;}
.comm_col .fselect select,
.comm_col .ftext input{width:180px; float:left;}
.comm_col .ftext:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.comm_col .ftext{display: inline-block;}
.comm_col .ftext{display: block;}

#rapp{}
#rapp th{display:none;}
#rapp td{vertical-align: middle;}
#tab_order{margin-top:15px;}

.t_desc{width:130px; padding:0 5px; text-align: right;}			/*width:140px;*/
.t_pic{width:42px; height:52px;}
.t_pic img{width:40px; height:40px; border: 1px solid #868686;}

.t_deco{width:10px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #868686;}
.t_total{
	background: #fff url('../media/images/trait.gif') no-repeat center left;
	padding:0 20px 0 20px; color:#868686; text-transform: uppercase; 
}
.t_euro{padding-top:24px;}
.t_euro .t_eurotot{width:220px; padding:10px; border: 1px dotted #000; font-weight: bold;}
.t_euro .t_eurofdp{padding:5px 5px 5px 11px; color:#868686;}

#fin .fcheck{margin-bottom:1.2em;}
#fin .fcheck label{display:none;}
#fin .fcheck p{display:inline;}
#fin .fsub{margin-top:1.2em;}

#comm_messerok{border: 2px solid #000; padding:10px; margin-top:15px; width:245px; display:none;}



/* ///////////////////////////
/// CONTACT
*/
#contact_formpage{padding:13px 0 15px 0; border-bottom: 1px solid #000;}

#contact_formpage h2{font-size: 18px; width:150px; float:left;}

#contact_formpage form{padding-top:5px; width:420px; float:left;}
#contact_formpage .ftext:after,
#contact_formpage .farea:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#contact_formpage .ftext,
#contact_formpage .farea{display: inline-block;}
#contact_formpage .ftext,
#contact_formpage .farea{display: block;}

#contact_formpage .ftext label,
#contact_formpage .farea label{display: block; width:80px; line-height:1; margin: 3px 10px 0 0; text-align: right; float:left;}

#contact_formpage .ftext input,
#contact_formpage .farea textarea{
	float:left;
	padding-left:3px; padding-right:3px;
}

#contact_formpage .ftext{margin-bottom:5px;}
#contact_formpage .ftext input{width:130px;}
#contact_formpage .farea{float:left;}
#contact_formpage .farea textarea{width:300px; height:58px; margin-top:1px;}

#contact_formpage .fsubpic{float:left; margin:53px 0 0 5px;}
.fsubpic input{}

#conta_messerok{width:191px; padding:10px; margin-left:15px; border: 2px solid #000;  float:left; display:none;}
.conta_messerok_close{margin-top:1.2em; font-style: italic;}
.conta_messerok_close a{text-decoration: none;}

.list_cat_ref_new a{ text-decoration:none;}

.bigposter_video p, .bigposter_video a, .bigposter_video i, .bigposter_video br{
	display:none;
}