body{background: #fff url('../media/images/bodyfond.png') repeat scroll top left;}

/* /////////////
/// GENERAL
*/
#page{width:980px; margin:15px 0 15px 15px; background: #fff url('../media/images/pagefond.gif') repeat-y scroll top left;}

#header{width:980px; height:149px; background-color: #fff; position: relative;}
#header:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#header{display: inline-block;}
#header{display: block;}
#header img{display: block;}
#header h1{float:right;}
#header .hdtara{float:left;}
#header .hdbtm{position: absolute; bottom:15px; left:15px;border: 1px solid #999; padding:1px 3px;}
#header .hdbtm a{color: #000; text-decoration: none;}
#header .hdbtm a:hover{color: #999;}
#header .hdflag{position: absolute; bottom:15px; left:174px; display:none;}

#main{position:relative;}
#main_alpha{width:190px; float:left;}
#main_beta{ width:639px; float:left; border-right: 1px dashed #ccc;}
#main_gamma{width:150px; float:left;}
#main:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#main{display: inline-block;}
#main{display: block;}
#footer{}

#main_alpha{height: expression( this.scrollHeight < 11 ? "10px" : "auto" ); min-height:10px;}
h2{
	background: #ff6a00 url('../media/images/triadroblc.gif') no-repeat 3px 50%; 
	color:#fff; text-transform: uppercase; font-size: 9px; line-height:11px;
	width:285px; padding:2px 0 2px 11px; height:11px;
}
p.promo_en_cours{font-weight: bold; color:#ff6a00; margin:0 0 11px 15px;}



/* ///////////
/// ALPHA
*/
#main_alpha{color:#fff; font-weight: bold; }
#main_alpha_inner{position: fixed; width:190px; background-color: #ff6a00; z-index: 999999;/*top:164px;left:15px;*/}
#main_alpha h4{border-top: 1px dashed #fff; padding:15px;}
#main_alpha label{margin:0 15px 15px 15px; display: block;}
#main_alpha select{margin:15px; display: block; width:155px;}
#main_alpha input{display: block; width:172px; height:63px;margin:-15px 0 0 10px;}
#modcom{display: block; width:172px; height:101px;margin:10px 0 0 10px;}




/* ////////////////////
/// BETA - magasin
*/
.product{padding:15px; width:609px; border-bottom: 1px dashed #ccc;}			/*width:639px*/
.product{padding-top:15px;}
.product.first{padding-top:0;}
.product:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.product{display: inline-block;}
.product{display: block;}


.prod_photo{width:240px; height:260px;border: 1px solid #ccc; margin-top:15px; float:left;}
.prod_photo p{
	background: #fff url('../media/images/prod_photo_fond.gif') no-repeat center left;
	line-height:20px; height:20px; padding-left:23px;
}
.luckyZoomSmallImageCont{position: relative;}
.luckyZoomBigImageCont{
	border: 1px solid #ccc; visibility: hidden;
	position: absolute; overflow: hidden; z-index: 100;
/*	display:none;*/
}
.luckyZoomHeader {
position: relative;
z-index: 10;
left: 0px;
top: 0px;
font: 10px Tahoma, Verdana, Arial, sans-serif;
color:#fff;
background:#9E2F2D;
padding:3px;
}

.luckyZoomHeader a {
color: #fff;
}

.luckyZoomPup {
z-index                 : 10;
visibility              : hidden;
position                : absolute;
width                   : 50px;
height                  : 50px;
border: 1px solid #aaa;
background: #ffffff;
opacity: 0.5;
-moz-opacity: 0.5;
-khtml-opacity: 0.5;
filter: alpha(Opacity=50);
}



.prod_textes{width:352px; padding-left:15px; margin-top:15px; float:left;}
.prod_textes strong{color:#ff6a00;display: block;}
.prod_textes strong span{font-weight: normal;}
.prod_desc{width:240px; margin-bottom:15px;}
.prod_frais{ margin-bottom:5px;}
.prod_fdp{width:240px; border: 1px solid #999; padding:5px; margin-bottom:15px;}
.prod_fdp li{}
.prod_quantail{font-weight: bold;}
.product fieldset{margin-top:5px;}
.product fieldset:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.product fieldset{display: inline-block;}
.product fieldset{display: block;}
.product label{width:65px; display: block; float:left;}
.product select{width:50px; float:left;}
.product option{}



/* //////////////////////
/// BETA - commandes
*/
.order_unit{padding:15px; width:609px; border-bottom: 1px dashed #ccc; /*position:relative;*/}			/*width:639px*/
.order_unit{padding-top:15px;}
.order_unit.first{padding-top:0;}
.order_unit:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.order_unit{display: inline-block;}
.order_unit{display: block;}

p.oblig{
	line-height:11px; height:11px;
	margin-top:-15px;margin-left:326px; padding:2px 0;
}

.comm_col{width:304px; 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-right:5px; display: block; float:left; text-align: right;}
.comm_col .fselect select,
.comm_col .ftext input{width:200px; float:left; font-size: 10px;}
.comm_col .ftext:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.comm_col .ftext{display: inline-block;}
.comm_col .ftext{display: block;}

#coor1 .fcheck{clear:left; padding-left:70px;}
#coor1 .fcheck input{}
#coor1 .fcheck label{color:#ff6a00;}

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

.t_desc{width:130px; padding:0 5px; text-transform: uppercase; text-align: right;}			/*width:140px;*/
.t_pic{width:42px; height:52px;}
.t_pic img{width:40px; height:40px; border: 1px solid #ccc;}
/*.t_deco{background-color: red;}*/
.t_deco{width:10px; border-width: 1px 1px 1px 0; border-style: solid; border-color: #ccc;}
.t_total{
	background: #fff url('../media/images/trait.gif') no-repeat center left;
	padding:0 20px 0 20px; color:#ff6a00; text-transform: uppercase; 
}
.t_euro{padding-top:24px;}
.t_euro .t_eurotot{width:220px; padding:10px; border: 1px dashed #ccc; font-weight: bold;}
.t_euro .t_eurofdp{padding:5px 5px 5px 11px; color:#999;}

#fin{}
#fin a{color:#000; font-weight: bold;}
#fin p{margin: 0 0 1.2em 15px;}
#fin .fcheck input{font-size: 10px;}



/* //////////////////
/// BETA - merci
*/
#merci h2{margin-bottom:15px;}



/* ///////////
/// GAMMA
*/
#main_gamma_inner{width:150px; /*position:fixed;*/ background-color: #fff;}
#main_gamma_inner h3{padding:0 30px 15px 30px; text-transform: uppercase; color:#92a2a6;}
#main_gamma_inner ul{margin-bottom:15px;}
#main_gamma_inner li{
	background: #fff url('../media/images/triadroora.gif') no-repeat 15px 4px; 
	text-transform: uppercase; font-size: 9px; line-height:11px;
	padding:2px 15px 2px 30px;
}
#main_gamma_inner li#philat{background-image: url('../media/images/triadrogri.gif');}
#main_gamma_inner li a{color:#000; text-decoration: none;}
#main_gamma_inner li a:hover{color:#666;}

#main_gamma_inner .selectinner{padding:15px 10px;
	position: fixed; background-color: #ff0; z-index: 999999;/*top:164px;left:15px;*/}

#main_gamma_inner p{padding:0 30px 15px 30px; color:#92a2a6;}

#main_gamma_news{padding-left:11px;width:139px; padding-bottom:15px;}
#news_pour{
	width:127px; height:46px; color:#fff;
	padding:125px 0px 0 0px; background-position: 10px 0; background-repeat: no-repeat;
}
.en #news_pour{background-image: url('../media/images/newsletter_sub_en.jpg');}
.fr #news_pour{background-image: url('../media/images/newsletter_sub_fr.jpg');}
#news_pour p{padding:0 15px 5px 15px; text-align:center;}
#news_email{width:127px;padding:7px 0;}
#news_email label{display:none;}
#news_email input{width:122px; text-align: center;}
#news_email p{font-weight: bold; padding:10px 15px 5px 15px; text-align:center;}
#news_sub{
	width:127px; height:77px; color:#fff; text-align:center;
	padding:0px 0px 0 0px; background-position: 10px 0; background-repeat: no-repeat;
	background-image: url('../media/images/newsletter_ok.jpg');
}
#news_sub input{margin-top:19px; width:39px; height:39px;}



/* ///////////
// FOOTER
*/
#footer{bottom:13px; left:15px; position:absolute;}
#footer ul{}
#footer li{}
#footer a{color:#fff; text-decoration: none;}
#footer a:hover{color:#000;}




/* ////////////////
/// VIE PRIVEE
*/
#vie_privee .bloc{padding:15px; margin:15px; background-color: #fff;}
#vie_privee p{margin-bottom:1.2em;}