body { background-color: #fafafa; font-family: tahoma, helvetica, arial, sans-serif; font-size: 12px; color: #666666; }
h1, h2, h3, h4, h5, h6 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; letter-spacing: -1px; }
.clearer { clear: both; }

/* Header */

#header { background: url(../images/bg_header.jpg) top left repeat-x; height: 143px; overflow: hidden; }
#header #header_inner { width: 970px; height: 143px; background: url(../images/bg_header_inner.jpg) top left no-repeat; margin: 0 auto; position: relative; }
#header #header_logo { position: absolute; top: 45px; left: 0px; }
#header #btn_assurance { position: absolute; top: 13px; right: 0px; }

#header ul#main_nav { list-style-type: none; position: absolute; bottom: 3px; right: 0; }
#header ul#main_nav li { float: left; }
#header ul#main_nav li a { display: block; height: 69px; background: url(../images/bg_main_nav.jpg) 0 0 no-repeat; }
#header ul#main_nav li a span { position: absolute; left: -9999px; }

#header ul#main_nav li#nav_1 a { width: 81px; background-position: 0 0 ; }
#header ul#main_nav li#nav_2 a { width: 122px; background-position: -81px 0 ; }
#header ul#main_nav li#nav_3 a { width: 171px; background-position: -203px 0 ; }
#header ul#main_nav li#nav_4 a { width: 114px; background-position: -374px 0 ; }

#header ul#main_nav li#nav_1 a:hover,
#header ul#main_nav li#nav_1 a.active { background-position: 0 -69px; }
#header ul#main_nav li#nav_2 a:hover,
#header ul#main_nav li#nav_2 a.active { background-position: -81px -69px; }
#header ul#main_nav li#nav_3 a:hover,
#header ul#main_nav li#nav_3 a.active { background-position: -203px -69px; }
#header ul#main_nav li#nav_4 a:hover,
#header ul#main_nav li#nav_4 a.active { background-position: -374px -69px; }

/* Main */

#main { text-align: center; background: url(../images/bg_main.jpg) top center no-repeat; }
#main #main_inner { width: 970px; margin: 0 auto; }

#main #main_left { width: 230px; float: left; }
#main #main_right { width: 700px; float: right; padding-bottom: 30px; }

/* Home */

body#home #main { background: url(../images/bg_main_home.jpg) top center no-repeat; }

body#home #main_left_top { height: 300px; }
body#home #main_left_top h1#home_intro { color: #898989; font-size: 17px; line-height: 30px; font-weight: normal; padding: 20px 0; }
body#home #main_left_top h1#home_intro span { color: #8fa600; }

body#home #main_left_top a#btn_concours { display: block; width: 224px; height: 52px; background: url(../images/bg_btn_concours_2.jpg) top left no-repeat; overflow: hidden; }
body#home #main_left_top a#btn_concours:hover { text-decoration: none; }
body#home #main_left_top a#btn_concours span { text-shadow: 0px 2px 2px #7d8604; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; letter-spacing: -1px; display: block; color: white; font-size: 13px; text-decoration: none; padding: 16px 15px; font-weight: bold;}
body#home #main_left_top a#btn_devenir_membre {}

body#home #main_left_top #social { background: url(../images/bg_social.gif) top left no-repeat; width: 226px; height: 40px; margin-top: 20px; text-align: left; }
body#home #main_left_top #social #social_inner { padding: 10px; }

body#home #category_list { height: 380px; background: url(../images/bg_category_list_home.gif) top left no-repeat; margin-top: 20px; position: relative; overflow: hidden; }
body#home #category_list #search_box { position: absolute; top: 13px; right: 20px; background: url(../images/bg_home_search.gif) top left no-repeat; width: 168px; height: 28px; }
body#home #category_list #search_box input { background-color: #fafafa; border: 0; width: 125px; margin-left: 33px; margin-top: 7px; color: #5a5b5b; font-size: 13px; }
body#home #category_list #search_box input.submit { width: auto; position: absolute; left: -9999px;}
body#home #category_list ul { width: 195px; list-style-type: none; float: left; padding-top: 60px;}
body#home #category_list ul li { padding-left: 16px; padding-bottom: 0px;}
body#home #category_list ul li img { width: 42px; float: left; }
body#home #category_list ul li div { width: 129px; float: left; }
body#home #category_list ul li div a { display: block; padding-top: 8px; padding-left: 10px; color: #1d1d1c; font-weight: bold; }
body#home #category_list ul li div a span { display: block; color: #6885f1; text-decoration: underline; font-weight: normal;}
body#home #category_list #main_partner { position: absolute; right: 16px; bottom: 46px;}

body#home #new_suppliers { width: 205px; float: right; }
body#home #new_suppliers h2 { font-size: 18px; line-height: 30px; padding: 6px 0; margin: 10px 0; color: #707801; border-bottom: 1px solid #9f9f9f; }
body#home #new_suppliers a { display: block; border: 4px solid #a8b901; text-align: center; background-color: white; margin-top: 15px; padding: 10px 0;}

body#home #new_offers { width: 450px; float: left; text-align: left; margin-bottom: 40px; }
body#home #new_offers h2 { font-size: 18px; line-height: 30px; padding: 6px 0; margin: 10px 0; color: #707801; border-bottom: 1px solid #9f9f9f; }
body#home #new_offers ul { width: 215px; float: left; list-style-type: none; }
body#home #new_offers ul li { padding: 10px 0;  padding-left: 10px;}
body#home #new_offers ul#col_1 li { padding-right: 10px; padding-left: 0; }
body#home #new_offers ul li h3 a { color: #363636; font-size: 17px; font-weight: normal; }
body#home #new_offers ul li p a { color: #666666; font-size: 12px; line-height: 17px; }
body#home #new_offers ul li p.category a { color: #2b98ee; text-decoration: underline; }
body#home #new_offers a:hover { text-decoration: none; }

body#home #highlight {  }
body#home #highlight h2 { color: #434e55; font-size: 18px; font-weight: bold; padding-top: 20px;}
body#home #highlight .logo { text-align: center; padding: 15px 0; }
body#home #highlight h3 { padding-bottom: 5px; }
body#home #highlight h3 a { color: #363636; font-weight: normal; font-size: 17px; line-height: 18px; }
body#home #highlight p { line-height: 17px; font-size: 12px; }

body#home #coop_vous_invite { margin-top: 20px; background: url(../images/bg_coop_vous_invite.jpg) bottom center no-repeat; }
body#home #coop_vous_invite .content { padding: 0px 15px 40px 18px; }
body#home #coop_vous_invite h1,
body#home #coop_vous_invite h2,
body#home #coop_vous_invite h3,
body#home #coop_vous_invite h4,
body#home #coop_vous_invite h5,
body#home #coop_vous_invite h6 { color: #363636; font-weight: normal; font-size: 18px; margin: 0; padding: 10px 0; }
body#home #coop_vous_invite p { color: #363636; }
/* MAIN SECTIONS */

#sidebar { background: #f2f4da url(../images/bg_sidebar.gif) bottom center no-repeat; margin: 20px 0; padding-bottom: 20px;}

#sidebar #search_box { margin-top: 15px; margin-left: 7px; background: url(../images/bg_sidebar_search.gif) top left no-repeat; width: 215px; height: 30px; }
#sidebar #search_box input { background-color: #fafafa; border: 0; width: 125px; margin-left: 38px; margin-top: 7px; color: #5a5b5b; font-size: 13px; }
#sidebar #search_box input.submit { width: auto; position: absolute; left: -9999px;}

#sidebar ul { list-style-type: none; margin: 10px 0;}
#sidebar ul li { padding-left: 16px; padding-bottom: 0px;}
#sidebar ul li img { width: 42px; float: left; }
#sidebar ul li div { width: 129px; float: left; }
#sidebar ul li div a { display: block; padding-top: 8px; padding-left: 10px; color: #1d1d1c; font-weight: bold; }
#sidebar ul li div a span { display: block; color: #6885f1; text-decoration: underline; font-weight: normal;}

#offers_list h2 { font-size: 30px; color: #707801; font-weight: bold; padding-top: 30px; }
#offers_list h3 { font-size: 13px; font-weight: bold; color: #363636; padding-bottom: 50px; }

.offer_preview { padding: 20px 0 10px 0; }
.offer_preview .offer_preview_left { width: 230px; float: left; text-align: left; }
.offer_preview .offer_preview_left a { display: block; width: 190px; border: 4px solid #a8b901; text-align: center; padding: 10px; }
.offer_preview .offer_preview_right { width: 450px; float: right; text-align: left; }
.offer_preview h4 { font-size: 18px; letter-spacing: -1px; color: #363636; font-weight: bold; padding-top: 5px; }
.offer_preview h5 { font-size: 17px; font-weight: normal; color: #363636; }
.offer_preview p { font-size: 12px; color: #666666; padding: 2px 0; }
.offer_preview p a { color: #6885f1; text-decoration: underline;  }

#offer_details h2 { font-size: 30px; color: #707801; font-weight: bold; padding-top: 30px; }
#offer_details h3 { font-size: 13px; font-weight: bold; color: #363636; padding-bottom: 50px; }
#offer_details h3 a { color: #6885f1; text-decoration: underline; }
#offer_details h4 { font-size: 18px; font-weight: bold; color: #3f4045; }

#offer_details #offer_content { font-size: 12px; line-height: 17px; text-align: left; padding-bottom: 30px; }

#offer_details #offer_content p { padding: 8px 0; }
#offer_details #offer_content h1 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; letter-spacing: -1px; color:#707801; font-size: 25px; font-weight: bold; height: 120px; overflow: hidden; line-height: 100px;}
#offer_details #offer_content h2 { font-size: 22px; color: #6898f1; font-weight: bold; margin: 15px 0; letter-spacing: -0.5px; }
#offer_details #offer_content h3 { font-size: 20px; color: #acd400; font-weight: bold; margin: 15px 0; letter-spacing: -0.5px; }
#offer_details #offer_content h4 { font-size: 16px; color: #6898f1; font-weight: bold; margin: 10px 0; letter-spacing: -0.5px; }
#offer_details #offer_content h5 { font-size: 14px; color: #acd400; font-weight: bold; margin: 10px 0; letter-spacing: -0.5px; }
#offer_details #offer_content h6 { font-size: 12px; font-weight: bold; margin: 10px 0; letter-spacing: -0.5px; }
#offer_details #offer_content pre { font-style: italic; font-size: 13px; padding: 10px; }
#offer_details #offer_content td { font-size: 11px; text-align: left; padding: 5px; }
#offer_details #offer_content a { color: #6898f1; text-decoration: underline; }
#offer_details #offer_content ul, 
#offer_details #offer_content ol { margin: 8px 20px; }
#offer_details #offer_content li { padding: 3px 0; }

/* STATIC CONTENTS */
#static_content { font-size: 12px; line-height: 17px; text-align: left; padding-bottom: 30px; }

#static_content p { padding: 8px 0; }
#static_content h1 { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, sans-serif; letter-spacing: -1px; color:#707801; font-size: 25px; font-weight: bold; height: 120px; overflow: hidden; line-height: 100px;}
#static_content h2 { font-size: 22px; color: #6898f1; font-weight: bold; margin: 15px 0; letter-spacing: -0.5px; }
#static_content h3 { font-size: 20px; color: #acd400; font-weight: bold; margin: 15px 0; letter-spacing: -0.5px; }
#static_content h4 { font-size: 16px; color: #6898f1; font-weight: bold; margin: 10px 0; letter-spacing: -0.5px; }
#static_content h5 { font-size: 14px; color: #acd400; font-weight: bold; margin: 10px 0; letter-spacing: -0.5px; }
#static_content h6 { font-size: 12px; font-weight: bold; margin: 10px 0; letter-spacing: -0.5px; }
#static_content pre { font-style: italic; font-size: 13px; padding: 10px; }
#static_content td { font-size: 11px; text-align: left; padding: 5px; }
#static_content a { color: #6898f1; text-decoration: underline; }
#static_content ul, 
#static_content ol { margin: 8px 20px;}
#static_content li { padding: 3px 0; }

#front_form table{ width: 500px; }
#front_form table tr {}
#front_form table th { text-align: right; width: 150px; padding: 10px; vertical-align: top; }
#front_form table td { text-align: left; padding: 10px; vertical-align: top; border-bottom: 1px solid #ddfa9e; }
#front_form table td ul.error_list { list-style-type: none; color: red; }
#front_form table td ul.error_list li { padding-bottom: 5px; }

/* FRAMESET FOR EXTERNAL LINKS */

#frameset_header { background: url(../images/bg_frameset_header.jpg) top left repeat-x; height: 119px; overflow: hidden; }
#frameset_header #frameset_header_inner { width: 850px; margin: 0 auto; }
#frameset_header #frameset_header_left { width: 245px; float: left; }
#frameset_header #frameset_header_right { padding-top: 31px; width: 605px; text-align: right; float: left; }

#frameset_header { background: url(../images/bg_frameset_header.jpg) top left repeat-x; height: 119px; overflow: hidden; }
#frameset_header #frameset_header_inner { width: 970px; height: 119px; background: url(../images/bg_frameset_header_inner.jpg) top left no-repeat; margin: 0 auto; position: relative; }
#frameset_header #header_logo { position: absolute; top: 0px; left: 0px; }
#frameset_header #link { position: absolute; top: 34px; right: 0px; }

/* FOOTER */

#footer { background: url(../images/bg_footer.jpg) top left repeat-x; height: 330px; text-align: center; font-size: 10.5px; color: #666666; }
#footer #footer_inner { width: 970px; margin: 0 auto; }
#footer_left { width: 500px; float: left; }
#footer_left p { padding: 35px 0; text-align: left; }
#footer_right { width: 400px; float: right; }
#footer_right p { padding: 10px 0; text-align: right; }