body {
 font-family: 'Trebuchet MS', Helvetica, sans-serif;
 margin:0px;
 min-width:990px;
 font-size:12px;
 background: url('/gfm/10003/m/img/back_body.jpg') no-repeat center 360px;
}

form{
padding:0px;
margin:0px;
}

img{
border:0px;
}

a{
color:#000000;
text-decoration:none;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
}


#essai a{
font-size:12px;
color:#dc1036;
}

#essai label{
width:180px !important;
}


#bdc,
#webpage{
clear:both;
padding-right:10px;
}

#bdc h1,
#webpage h1,
#contact h1 {
background: url('/gfm/10003/m/btn/fleche.gif') no-repeat left center;
padding-left:35px;
color:#002f65;
font-size:22px;
}

#contact h2{
color:#c93004;
border-bottom:1px solid #c93004;
font-size:14px;
margin:10px 18px 15px 5px;
}

#product .titre2{
font-weight:bold;
color:#c93004;
border-bottom:1px solid #c93004;
font-size:14px;
margin:10px 0px 15px 0px;
}

span.remise{
color:#c93004;
font-weight:bold;
}

.link_coupon{
padding:2px;
margin:8px auto;
background-color:#ffffff;
border:1px solid #edbf11;
display:block;
}

.link_coupon:hover{
border:1px solid #002f65;
}

.link_coupon img{
vertical-align:middle;
margin:0px 5px 5px 0px;
}

.link_coupon strong{
color:#002f65;
vertical-align:middle;
}


.erreur {
color:#dc1036;
font-weight:bold;
padding:5px 0px 5px 0px;
}

.desc{
padding:0px 15px 15px 0px;
}

.desc_merchant{
padding:0px 15px 15px 0px;
float:left;
width:470px;
}

#google{
float:right;
width:490px;
}



.img_float{
float:left;
}

input.champs_text{
height:16px;
border:1px solid #edbf11;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding-left:2px;
}

a.link_blue{
color:#002f65;
font-size:11px;
text-decoration:underline;
}

a.link_blue_strong{
color:#002f65;
font-weight:bold;
font-size:11px;
text-decoration:underline;
}

a.link_blue_strong:hover,
a.link_blue:hover{
color:#993300;
font-size:11px;
text-decoration:none;
}

#product .see_selection{
background: url('/gfm/10003/m/btn/back_bouton.gif') no-repeat left top;
width:168px;
}

.see_selection{
background: url('/gfm/10003/m/btn/back_see_selection.gif') no-repeat left top;
color:#993300;
display:block;
text-align:center;
margin:5px auto;
width:118px;
height:18px;
line-height:18px;
vertical-align:middle;
font-weight:bold;
}


#haut{
background: url('/gfm/10003/m/img/mos-top.jpg') repeat-x 859px top #4077d8;
height:140px;
position:relative;
z-index:0;
}

#haut .title{
float:left;
width:619px;
height:140px;
background: url('/gfm/10003/m/img/back_title.jpg') no-repeat left top;
}

#haut .title .logo{
margin-top:12px;
float:left;
}


#haut .title h1,
#haut .title h2,
#haut .title h3,
#haut .title p.p1{
clear:left;
color:#f2d547;
font-size:16px;
margin:0px;
padding:5px 0px 3px 0px;
font-weight:bold;
}

#haut .title p.p2{
color:#ffffff;
margin:0px;
font-size:14px;
padding-left:170px;
line-height:1em;
}

#haut .title p.p2 img{
vertical-align:middle;
}

#haut .title p.p2 span{
color:#f2d547;
}

#haut .info {
position:absolute;
top:6px;
right:0px;
width:221px;
height:33px;
background: url('/gfm/10003/m/img/back_info1.png') no-repeat left top;
text-align:center;
color:#f2d547;
margin:0px;
padding:0px;
font-size:11px
}


#haut .info3 {
display:block;
position:absolute;
top:39px;
right:0px;
color:#ffffff;
height:39px;
width:161px;
font-size:14px;
padding-right:60px;
font-weight:bold;
text-align:right;
background: url('/gfm/10003/m/img/back_info3.png') no-repeat left top;
}

#haut .info2 strong,
#haut .info3 strong{
color:#f2d547;
}


#haut .info2{
position:absolute;
z-index:2;
top:85px;
right:0px;
width:161px;
height:43px;
background: url('/gfm/10003/m/img/back_info2.png') no-repeat left top transparent;
color:#ffffff;
font-size:15px;
padding-right:60px;
font-weight:bold;
text-align:right;
padding-top:4px;
}

#separ_top{
height:13px;
background: url('/gfm/10003/m/img/cran.gif') repeat-x left top;
}

#content_menu{
position:absolute;
top:100px;
left:0px;
width:100%;
min-width:990px;
z-index:1;
}

#menu{
padding:0px;
margin:0px auto;
width:595px;
}

#menu h2{
display:inline;
font-weight:normal;
margin:0px;
padding:0px;
}

#menu li{
list-style:none;
float:left;
margin:0px 5px 0px 0px;
padding:0px 0px 0px 9px;
height:40px;
background: url('/gfm/10003/m/img/back_menu_li_off.gif') no-repeat left bottom;
}

#menu li.fam_mere_encours,
#menu li:hover{
background: url('/gfm/10003/m/img/back_menu_li_on.gif') no-repeat left bottom;
}

#menu li a.fam_mere_encours,
#menu li:hover a{
padding:3px 9px 0px 0px;
background: url('/gfm/10003/m/img/back_menu_a_on.gif') no-repeat right bottom;
height:37px;
}

#menu li a{
display:block;
text-align:center;
padding:12px 9px 0px 0px;
font-weight:bold;
height:28px;
font-size:14px;
background: url('/gfm/10003/m/img/back_menu_a_off.gif') no-repeat right bottom;
line-height:14px;
}

#menu li.disabled
{
background:transparent url(/gfm/10003/m/img/back_menu_li_disabled.gif) no-repeat scroll left bottom;
}

#menu li a.disabled, #menu li:hover a.disabled
{
background:transparent url(/gfm/10003/m/img/back_menu_a_disabled.gif) no-repeat scroll right bottom;
cursor:default;
display:block;
text-align:center;
padding:12px 9px 0px 0px;
font-weight:bold;
height:28px;
font-size:14px;
line-height:14px;
}

#separ_bottom{
padding-top:10px;
clear:both;
height:9px;
background: url('/gfm/10003/m/img/cran2.gif') repeat-x left bottom;
}

#footer{
height:23px;
background: url('/gfm/10003/m/img/mos-bottom.jpg') repeat-x left top;
text-align:right;
color:#f2d547;
line-height:23px;
vertical-align:middle;
padding-right:10px;
}

#footer a{
color:#ffffff;
}

#footer a:hover{
color:#f2d547;
}
/**************/

#page{
width:990px;
margin:auto;
min-height:690px;
}

#left_side{
width:805px;
float:left;
overflow:hidden;
}

#right_side{
width:178px;
float:left;
padding:15px 0px 0px 7px;

}

.instruction{
margin:0px auto 10px auto;
width:174px;
min-height:112px;
position:relative;
border:1px solid #cccccc;
background-color:#ffffcc;
text-align:center;
padding:10px 1px;
}

.hl{
top:-1px;
left:-1px;
}

.hr{
top:-1px;
right:-1px;
}

.bl{
bottom:-1px;
left:-1px;
}

.br{
bottom:-1px;
right:-1px;
}

/*********** BLOC INFO ******************/
.bloc_info{
clear:both;
width:178px;
margin:0px auto 10px auto;
}

.bloc_info .title{
height:22px;
line-height:22px;
vertical-align:middle;
padding-left:10px;
background: url('/gfm/10003/m/img/back_bloc_title.jpg') no-repeat left top;
color:#ffffff;
font-weight:bold;
font-size:16px;
}

.bloc_info .content_bloc{
padding:10px 3px 0px 3px;
width:170px;
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
background-color:#ffffcc;
float:left;
}


.bloc_info .bottom{
position:relative;
height:5px;
border-bottom:1px solid #cccccc;
background-color:#ffffcc;
clear:left;
}

.bloc_info .bottom img{
position:absolute;
top:0px;
}

#top_center .bloc_info{
width:339px !important;
clear:none !important;
float:left;
padding-bottom:5px;
}

#top_center .bloc_info .title{
background: url('/gfm/10003/m/img/back_bloc_title_big.jpg') no-repeat left top !important;
}

#top_center .bloc_info .content_bloc form p{
margin:8px 0px 3px 0px !important;
}

#top_center .bloc_info .content_bloc{
width:331px !important;
padding:0px 3px 0px 3px !important;
}

.bloc_info .content_bloc p{
margin:8px 0px 8px 0px;
line-height:1em;
}

.bloc_info .content_bloc p input{
margin:0px;
vertical-align:middle;
}

.bloc_info .content_bloc .text{
text-align:center;
padding-top:10px;
}

.bloc_info .content_bloc .text p{
text-align:justify;
line-height:14px;
margin:5px 0px 0px 0px;
}

#top_center{
float:left;
width:100%;
padding:2px 0px 4px 0px;
}

#top_center .left{
float:left;
width:200px;
height:50px;
margin-right:50px;
color:#000000;
font-weight:bold;
}

#top_center .type_vente{
min-width:160px;
float:left;
margin-right:50px;
color:#ffffff;
font-weight:bold;
text-align:center;
padding:0px 20px;
}

#top_center .type_vente span{
font-size:14px;
display:block;
/* pas possible a cause de firefox
display: -moz-inline-block;
display:inline-block;
*/
padding:5px;
text-align:center;
}

.caps{
float:left;
width:134px;
background: url('/gfm/10003/m/img/back_caps.gif') no-repeat left top;
margin-right:9px;
padding:9px 9px 9px 9px;
text-align:center;
position:relative;
z-index:1;
}


/**** TYPE PROMO ****/
.type_promo{
position:absolute;
z-index:1;
width:120px;
color:#ffffff;
height:22px;
font-weight:bold;
}

.caps .type_promo{
top:108px;
left:16px;
}

.caps_coupon .type_promo{
left:15px;
top:119px;
}

.type_promo span{
font-size:14px;
display: -moz-inline-box;
display:inline-block;
height:20px;
padding:2px 3px 0px 3px;
text-align:center;
}

/**** FIN TYPE PROMO ****/


.caps  a.add_to_collection{
color:#1650c8;
text-decoration:underline;
}
.caps span.add_to_collection,
.caps  a.add_to_collection:hover{
color:#993300;
text-decoration:none;
}

.caps .content_product{
border:1px solid #cccccc;
padding-bottom:2px;
}

.caps .content_product .product_thumb{
float:left;
height:120px;
width:132px;
background:no-repeat center center;
}

.caps .content_product .product_thumb .link_product_thumb{
float:left;
width:98px;
height:120px;
}

.caps .content_product .product_thumb .link_product_thumb img{
float:left;
width:100%;
height:100%;
}

.caps .content_product .product_thumb .zone_option{
float:left;
width:34px;
height:120px;
text-align:center;
overflow:hidden;
}

.www{
font-weight:bold;
color:#003366;
}

.caps .content_product .zone_option  a.www:hover{
color:#993300;
}

.caps .content_product .zone_option a{
display:block;
text-align:center;
}

.content_product a.link_blue_strong{
display:block;
clear:both;
height:30px;
padding:2px 0px;
overflow:hidden;
}


.content_product p{
margin:0px;
padding:0px;
font-size:11px;
}

.caps .content_product p.remise{
color:#c93004;
font-weight:bold;
font-size:14px;
}


#legend{
clear:left;
padding:20px 0px 0px 15px;
}

#legend span,
#legend img{
vertical-align:middle;
margin-right:3px;
}

#legend span{
font-weight:bold;
color:#003366;
}

#legend p{
display:inline;
margin-right:10px;
}

#top_pliste{
float:left;
width:100%;
padding-bottom:5px;
}

.top_pliste{
float:left;
width:100%;
padding-bottom:5px;
}

.home_caps{
float:left;
width:322px;
padding-top:10px;
padding-left:50px;
}

.home_caps .position{
width:100%;
margin-bottom:10px;
}

.position{
float:left;
}

.position a,
.position span,
.position img,
.position h1{
vertical-align:middle;
margin:0px 2px;
}

.position h1{
display:inline;
margin:0px;
padding:0px;
font-size:14px;
}
.position span,
.position a,
.position a:hover{
font-size:14px;
}

.pagination {
padding-right:10px;
float:right;
}

.pagination  a{
margin:0px 5px;
font-size:1em;
}

.pagination a.current{
font-weight:bold;
text-decoration:none;
color:#000000;
}

.select_display{
float:left;
padding-left:100px;
line-height:22px;
}

.select_display a{
float:left;
background: url('/gfm/10003/m/btn/back_nb_page_off.gif') no-repeat left top;
width:24px;
height:22px;
vertical-align:middle;
text-align:center;
font-size:14px;
color:#000000;
margin-right:6px;
}

.select_display a:hover,
.select_display a.current{
background: url('/gfm/10003/m/btn/back_nb_page_on.gif') no-repeat left top;
}

#contact{
clear:both;
}

#bdc label ,
#contact label{
float:left;
width:230px;
padding-left:10px;
}

#envoyer_ami label{
width:150px;
}

#bdc .champs_text,
#contact .champs_text{
width:220px;
}

#contact textarea{
height:150px;
width:450px;
border:1px solid #edbf11;
font-family: 'Trebuchet MS', Helvetica, sans-serif;
padding:2px;
}

#contact select{
font-family: 'Trebuchet MS', Helvetica, sans-serif;
border:1px solid #edbf11;
}

#bdc .bloc_info,
#contact .bloc_info{
width:490px !important;
}

#bdc .bloc_info .title,
#contact .bloc_info .title{
background: url('/gfm/10003/m/img/big_title_contact.jpg') no-repeat left top !important;
}
#bdc .bloc_info .content_bloc,
#contact .bloc_info .content_bloc{
width:482px !important;
}

.input_submit{
display:block;
margin:0px auto;
}

#contact .cnil{
font-size:11px;
color:#666666;
text-align:justify;
}

#contact .cnil a{
color:#666666;
}

#contact .insription_collection{
width:490px;
margin:auto;
}


#bdc .r_cata{
background: url('/gfm/10003/m/btn/back_r_cata.gif') no-repeat left top;
color:#993300;
float:left;
text-align:center;
width:138px;
height:18px;
line-height:18px;
vertical-align:middle;
font-weight:bold;
}

/**** PRODUCT *****/
#product{
clear:both;
padding:20px 0px 0px 0px;
}

#product .left{
float:left;
width:263px;
overflow:hidden;
}

#product .right{
float:right;
padding:0px 5px 0px 10px;
width:522px;
overflow:hidden;
}

.coupon_explain{
text-align:center;
display:block;
}

#description{
text-align:justify;
}

#description .prod_info{
 font-weight:bold;
}

.important_info{
 background-color:#FFFFCC;
 border:1px solid #CCCCCC;
 margin:10px 0px;
 padding:10px 0px;
 position:relative;
 text-align:center;
 width:100%;
}

#under_coupon{
float:left;
width:100%;
text-align:center;
font-weight:bold !important;
}

#under_coupon p{
margin:7px 0px;
}

#under_coupon #form_add_selection{
margin-bottom:7px;
}

/***** CAPS COUPON **********/

.content{
float:left;
width:263px;
margin:0px 5px 10px 0px;
}

.caps_coupon{
position:relative;
z-index:0;
width:253px;
height:212px;
float:left;
padding:21px 0px 0px 10px;
background: url('/gfm/10003/m/img/back_coupon.jpg') no-repeat left top;
text-align:center;
}



.caps_coupon .code_promo{
clear:both;
float:left;
width:100%;
color:#c93004;
font-weight:bold;
font-size:14px;
padding:10px 0px 0px 0px;
}

.caps_coupon .remise{
color:#c93004;
font-weight:bold;
font-size:18px;
float:right;
width:123px;
vertical-align:middle;
height:75px;
display:table;
}

.coupon .brand{
clear:both;
display:block;
height:12px;
margin:0px;
overflow:hidden;
padding:2px 0px;
}

.caps_coupon .remise .cremise{
display:table-cell;
vertical-align:middle;
width:65px;
height:75px;
padding:0px 20px 0px 38px;
line-height:18px;
}

.caps_coupon .content_product{
float:left;
width:130px;
}

.caps_coupon .content_product .product_thumb{
float:left;
height:120px;
width:100%;
background:no-repeat center center;
}

#option_account a{
display:block;
background: url('/gfm/10003/m/btn/little_fleche.png') no-repeat left center;
padding:0px 0px 0px 18px;
margin:7px 0px;
color:#002f65;
}

#option_account a:hover{
color:#993300;
}

#option_account span{
display:block;
}

/********* BDC **************/

#table_bdc{
border-collapse:collapse;
width:380px;
background-color:#ffffff;
text-align:right;
margin:10px auto;
}

#table_bdc td{
border:1px solid #eda704;
padding:5px;
}

input.refresh {
	border: 0px;
	margin-left: 4px;
	padding: 0px;
	width: 11px;
	height: 19px;
	background: url('/gfm/10003/m/btn/refresh.gif') no-repeat center center #ffffcc;
	cursor: pointer;
}

input.trash {
	border: 0px;
	margin-left: 4px;
	padding: 0px;
	width: 9px;
	height: 15px;
	background: url('/gfm/10003/m/btn/trash.jpg') no-repeat center center #ffffcc;
	cursor: pointer;
}
