#fairtrade{ width: 814px; margin: 40px auto 15px auto; font-family: Arial, Helvetica, sans-serif; font-size: 11px; position:relative;}
.clear { clear: both;}

/* GENERAL */ 
#fairtrade h1{ width: 402px; height: 179px; text-indent: -9999px; margin: 0; padding: 0;}
#fairtrade h1#title_create_fr{ background: url(../Images/fairtrade/title_create_fr.jpg) no-repeat;}
#fairtrade h1#title_create_nl{ background: url(../Images/fairtrade/title_create_nl.jpg) no-repeat;}

/*SHOP*/
#fairtrade.shops h1{height: 159px;}
#fairtrade.shops h1#title_create_fr{ background: url(../Images/fairtrade/title_degust_fr.jpg) no-repeat;}
#fairtrade.shops h1#title_create_nl{ background: url(../Images/fairtrade/title_degust_nl.jpg) no-repeat;}

#fairtrade h2{ widh: 164px; height: 39px; text-indent: -9999px; margin: 0; padding: 0;}
#fairtrade h2#title_fairtrade_fr{ background: url(../Images/fairtrade/title_fairtrade_fr.jpg) no-repeat;}
#fairtrade h2#title_fairtrade_nl{ background: url(../Images/fairtrade/title_fairtrade_nl.jpg) no-repeat;}
#fairtrade h2#title_contest_fr{ background: url(../Images/fairtrade/title_contest_fr.jpg) no-repeat;}
#fairtrade h2#title_contest_nl{ background: url(../Images/fairtrade/title_contest_nl.jpg) no-repeat;}

#fairtrade p{ font-size: 11px; line-height: 16px; color: #300f0a; margin: 10px 0 0 0; padding: 0; text-align: left}
#fairtrade p a{ color: #ee731a;}
#fairtrade input{ border: 2px solid #f57e20;}
#fairtrade input.input_m{ width: 225px;}
#fairtrade input.input_s{ width: 80px;}
*HTML #fairtrade input.input_s{ width: 78px;}
#fairtrade input.input_s_nl{ width: 70px;}
*HTML #fairtrade input.input_s_nl{ width: 60px;}
#fairtrade input.input_s_fr{ width: 97px;}
#fairtrade input.input_btn{ background:#f57e20; color: #FFF;}
/*#fairtrade td.inputfile_fr{  background: url(../Images/fairtrade/input_file_fairtrade_fr.jpg) no-repeat;}
#fairtrade input.inputfile{  background: #FF6600; color: #FFFFFF;}*/

/* BLOC CONTENT */
#left_fairtrade{ width: 402px; float: left;}
#right_fairtrade{ width: 390px; height:564px; padding: 30px 0 0 22px; float: left; background: url(../Images/fairtrade/bkgd_rightcontent.jpg);}
/*SHOPS*/
#fairtrade.shops #right_fairtrade{ height:577px; background: url(../Images/fairtrade/bkgd_rightcontent_shop.jpg);}


#bag_fairtrade{ background: url(../Images/fairtrade/bkgd_bag.jpg); width: 402px; height: 415px;}
/*SHOPS*/
#fairtrade.shops #bag_fairtrade{ background: url(../Images/fairtrade/bkgd_bag_shops.jpg); width: 357px; height: 433px; padding:15px 0 0 45px;}


.hideshow_fairtrade{position: relative}
.hideshow_fairtrade div{width:340px;height:390px;}
.hideshow_fairtrade div#fairtrade_error{ position: absolute; width: 240px; height: 50px; padding: 10px; background: #FFFFFF; border: 3px solid #602118; left: 50%; margin:55px 0 0 -150px; color: #602118;}
.hideshow_fairtrade div#fairtrade_error a{ color: #FF6600;}
.hideshow_fairtrade div#fairtrade_error2{ position: absolute; width: 240px; height: 50px; padding: 10px; background: #FFFFFF; border: 3px solid #602118; left: 50%; margin:55px 0 0 -150px; color: #602118;}
.hideshow_fairtrade div#fairtrade_error2 a{ color: #FF6600;}
.hideshow_fairtrade table{ margin: 20px 0 0 0;}
.hideshow_fairtrade table td{ padding: 0 10px 5px 0; text-align: left;}
*HTML .hideshow_fairtrade table td{ padding: 0 10px 5px 0; text-align: left;}
#fairtrade .hideshow_fairtrade p.buttons{ margin: 0; padding: 0;}
#fairtrade .hideshow_fairtrade p.buttons a{ margin: 0 0 0 97px; padding: 0; width: 130px; height: 42px; display: block; text-indent: -9999px;}
#fairtrade .hideshow_fairtrade p.buttons a.participe_fr{ background: url(../Images/fairtrade/btn_participe_fr.jpg) no-repeat;}
#fairtrade .hideshow_fairtrade p.buttons a.participe_nl{ background: url(../Images/fairtrade/btn_participe_nl.jpg) no-repeat;}
#fairtrade .hideshow_fairtrade p.buttons a.back_fr{ background: url(../Images/fairtrade/btn_back_fr.jpg) no-repeat;}
#fairtrade .hideshow_fairtrade p.buttons a.back_nl{ background: url(../Images/fairtrade/btn_back_nl.jpg) no-repeat;}

/* EFFECT */
#box4{	position:absolute;}
#box4 div{ width:340px;	height:425px; float:left; margin-right: 10px;}

.mask3{	position:relative; width:340px; height:425px; overflow:hidden;}
span img{ display:block; border:none;}
.buttons{padding:5px;}
.buttons span{}
.buttons span.active, .buttons span:hover{}

/*SHOPS*/
#fairtrade.shops .back_fr,#fairtrade.shops #title_fairtrade_fr,#fairtrade.shops .back_nl,#fairtrade.shops #title_fairtrade_nl{ float:left;}
#fairtrade.shops #title_fairtrade_fr {width:120px; height:40px; background: url(../Images/fairtrade/title_shops_fr.jpg) no-repeat;text-indent: -9999px; margin:0 100px 0 0;}
#fairtrade.shops #title_fairtrade_nl {width:120px; height:40px; background: url(../Images/fairtrade/title_shops_nl.jpg) no-repeat;text-indent: -9999px; margin:0 100px 0 0;}
#fairtrade.shops .back_nl { width:127px; height:42px; background: url(../Images/fairtrade/btn_back_shops_nl.jpg) no-repeat;text-indent: -9999px;}
#fairtrade.shops .back_fr { width:127px; height:42px; background: url(../Images/fairtrade/btn_back_shops_fr.jpg) no-repeat;text-indent: -9999px;}

#col_hyper,#col_gb {width:180px; float:left; margin:60px 0 0 0;}
* html #col_hyper,* html #col_gb {margin:0;} 
#col_hyper { border-right: 1px solid #bd9847;}
#col_hyper h2,#col_gb h2 { border-bottom: 1px solid #bd9847;width:180px; height:59px;text-indent: -9999px;}
#col_hyper h2.fr {background: url(../Images/fairtrade/title_hyper_carrefour_fr.jpg) no-repeat center;}
#col_gb h2.fr {background: url(../Images/fairtrade/title_super_carrefour_fr.jpg) no-repeat center;}
#col_hyper h2.nl {background: url(../Images/fairtrade/title_hyper_carrefour_nl.jpg) no-repeat center;}
#col_gb h2.nl {background: url(../Images/fairtrade/title_super_carrefour_nl.jpg) no-repeat center;}
#fairtrade.shops ul { padding:0 0 0 15px;}
* html #fairtrade.shops ul { padding:0;}
#fairtrade.shops ul li { list-style:none; height:20px; padding: 0 0 0 15px; text-align:left;}
#fairtrade.shops #col_hyper ul li { background: url(../Images/fairtrade/puce_hyper.jpg) left 2px no-repeat;}
#fairtrade.shops #col_gb ul li { background: url(../Images/fairtrade/puce_super.gif) left 2px no-repeat;}

/*VIGNETTES*/
#vignettes a { display:inline;}
#vignettes a img { border:none; display:inline;}
#vignettes { position:absolute; bottom:31px; left:120px;width:650px; text-align:left;} 
#fairtrade.shops #vignettes { position:absolute; bottom:29px; left:120px;} 

body #footer { background:#FFF;}