/**
 *
 * Main Style
 *
 * @style       Main
 * @site        nutriben .fr
 * @media       screen
 * @note        reset.css required
 *
 */

/**
 * @section General
*/
    /**
     * @subsection Layout
     */
        body, img, h1, h2, h3, h4, div, span, ul, li, ol, table { margin: 0; padding: 0; border: 0;}
        #page { width: 984px; margin: 0 auto;  position: relative;}
        #page_simple { margin: 0 auto; padding:30px 20px 10px 25px}
        #signout { position: absolute; top: 10px; display: inline ;left:900px;  padding:3px;}




    /**
     * @subsection Typography
     */
        #page, #page_simple { font-family: Verdana, Arial, Helvatica, sans-serif; font-size: 11px; font-weight: normal; font-style: normal; }

     /**
      * @subsection Design
      */
        body { background: #bcbcbb; }
        #page, #page_simple { background: #FFF; }
        #signout a {color: #4f4f4f; text-decoration: none; font-size: 10px; font-family: Verdana, Arial, Helvatica, sans-serif;}

/**
 * @section Header
*/
    /**
     * @subsection Layout
     */
        .main_header { height: 221px; }
        h1 { display: block; position: absolute; top: 0px; margin: 18px 34px; }
        #bandeau_visuel { height: 221px; }
        #bloc_main_menu { width: 276px; height: 221px; position: absolute; top: 0px; }
        .main_menu { position: absolute; top: 0px; margin: 66px 17px; }
        .main_menu li { list-style: none; margin-top: 0px; }
        .main_menu li a, .main_menu .current{ display: block; width: 174px; height: 15px; padding-left: 14px; padding-top: 3px;}
        #signout { background:none repeat scroll 0 0 #FFFFFF; }

     /**
     * @subsection Typography
     */
        .main_menu li a, .main_menu .current { font-weight: bold; color: #FFF; text-decoration: none; }
        .main_menu li a:hover, .main_menu .current { color: #014688; }

     /**
     * @subsection Design
     */
        #bandeau_visuel { background: #7cd9f2 url(/uploads/header/home_visuel.jpg) no-repeat top right; }
        #bloc_main_menu { background: transparent url(/images/design/bloc_header.png) no-repeat top left; }
        .main_menu li a:hover, .main_menu .current { background: transparent url(/images/design/fond_li_mainmenu.png) no-repeat top left;}

/**
 * @section Footer
*/
    /**
     * @subsection Layout
     */
        .main_footer { height: 23px; }
        #footer { padding: 4px 18px; }
        #footer a { padding: 0 5px 0 5px; }
    /**
     * @subsection Typography
     */
        #footer { color: #24357f; font-size: 10px; }
        #footer a { color: #24357f; text-decoration: none; }

    /**
     * @subsection Design
     */
        .main_footer { background: #7fd1ef url(/images/design/footer_fond.png) no-repeat top right; }


/**
 * @section Homepage
*/
    /**
     * @subsection Layout
     */
        #home_top { clear: both; height: 17px;}
        #home_left { float: left; width: 215px;}
        #home_center { float: left; width: 553px;}
        #home_right { float: left; width: 215px;}
        #home_bottom { clear: both; height: 50px;}
        .blocs { margin: 0 auto; width: 173px;}
        #tibenclub { margin: 22px 0;}
        #citation { width: 553px; height: 264px;}
        #diversite  { margin: 17px 0; }
        #produits { margin: 17px 0; }
        #login_pro, #info_pro { width: 171px; height: 151px;}
    /**
     * @subsection Typography
     */


    /**
     * @subsection Design
     */
        #login_pro { background: url('/images/design/bloc_pro.jpg') no-repeat top left}
        .signin_box { padding-top: 40px}
        .signin_box input {border: 1px solid #7fd1ef}
        .signin_box div {height:26px}
        .signin_box label {color: #004687; font-size:12px; display:block; float:left; margin:5px 0 0 6px}
        #signin_username {width: 121px; height: 17px; float:right; margin-right: 5px}
        #signin_password {width: 74px;height: 17px; float:right; margin-right:5px}
        #signin_submit {width:93px; height: 26px; background: url(/images/design/submit-signin-button.png) no-repeat; border:0;color:#FFF;font-size:12px;font-weight:bold;cursor: pointer}
        .submit_button {text-align:center; margin-top:7px}
        #link_subscribe {display:block; text-align:center; color:#e2001a; font-size:12px}


/**
 * @section Menu pages
*/
    /**
     * @subsection Layout
     */

        #header_menu { position: absolute; margin: 64px 222px; width: 590px; height: 105px;}
        #header_menu ul { margin: 13px 56px ; display: block;}
        #header_menu li { list-style: none; display: block;}
        #header_menu li a { display: block;}
        #menu3 { margin: 0 auto ; width: 173px;}
        #menu3 .top { width: 173px; min-height: 33px;}
				#menu3 .spacer { width: 173px; height: 23px;}
        #menu3 ul { padding-bottom: 15px ; display: block;}
        #menu3 li { list-style: none; display: block;}
        #menu3 li a, #menu3 li.current { padding: 2px 10px 5px 13px; display: block;}
        #menu3 .top span { padding: 3px 10px; display: block; }

    /**
     * @subsection Typography
     */
        #header_menu li a, #header_menu li.current { color: #014688; font-weight: bold; font-size: 11px; text-decoration: none; }
        #header_menu li a:hover, #header_menu li.current { color: #d70a1c; }
        #menu3 .top { color: #fff; text-align: right; font-weight: bold; font-size: 11px;}
        #menu3 li a, #menu3 li.current { color: #004687; font-weight: bold; font-size: 10px; text-decoration: none;}
        #menu3 li a:hover, #menu3 li.current { color: #fff; }
        
    /**
     * @subsection Design
     */
        #header_menu { background: url(/images/design/menu2_fond.png) no-repeat top left;}
        #menu3 .top { background: url(/images/design/menu3_top.jpg) no-repeat top left;}
	#menu3 .spacer { background: url(/images/design/menu3_spacer.jpg) no-repeat top left;}
        #menu3 ul { background: url(/images/design/menu3_bottom.jpg) no-repeat bottom left;}
        #menu3 li a { background: url(/images/design/menu3_li.jpg) no-repeat bottom left;}
        #menu3 li.last a { background: url(/images/design/menu3_li.jpg) no-repeat top left;}
        #menu3 li a:hover, #menu3 li.current { background: url(/images/design/menu3_lihover.jpg) no-repeat top left;}
        
/**
 * @section Pages
*/
    /**
     * @subsection Layout
     */
        #page_top { clear: both; height: 17px;}
        #page_bottom { clear: both; height: 50px;}
        #page_gauche { float: left; width: 204px;}
        #description { float: right; width: 774px;min-height:400px; _height:400px }
        #description p, #description ul, #description ol, #description h3, #description h4, #description h2 { padding-right: 50px; padding-left: 25px }
        table { margin-left: 25px; }
        #frame p, #frame ul, #frame li,#frame h3, #frame h4, #frame h2 { padding-right: 240px; }

        h2 { margin-bottom: 20px; }
        h3 { padding-top:0px; margin-top:0px; margin-bottom : 13px; padding-bottom: 0px; }
        h4 { margin-bottom : 0px; padding-bottom: 5px; margin-top: 0px; padding-top: 15px; }
        .visuel { float: right; margin: 0 10px 0 15px; width: 215px; }
        .visuel_libre {float: right; margin-left: 15px;}
	.photo { float: left; margin: 0 15px 0 25px }
        .illustration { text-align: center }
        .tampon { text-align: center }
        #description p { margin-top : 0px; padding-top:0px; margin-bottom : 13px; padding-bottom: 0px; }
        #description ul { margin-left:60px; text-indent: 0px; list-style-position: outside; text-align:left; padding: 0px; padding-bottom:5px; }
        #description li         { margin-bottom:10px; padding-right: 50px; text-align: justify}
        #description ol li { margin-left: 45px}
        .sous_titre_gris 	{ color:#4b4b4b; }
        .sous_titre_bleu        { color:#24357f; }
        .sous_titre_orange 	{ color:#e08242; }
        .sous_titre_violet 	{ color:#9a91c0; }
        .sous_titre_marron 	{ color:#942c31; }
        .sous_titre_vert 	{ color:#028e6b; }
        .sous_titre_rouge 	{ color:#d15839; }
        .sous_titre_jaune 	{ color:#dfa93f; }
        .sous_titre_bleuClair 	{ color:#4192bf; }
        .sous_titre_jaunatre 	{ color:#d48b22; }
        .sous_titre_rose 	{ color:#e998c1; }
        .couleur_h2             { color:#d8000a; }
        .tableau { font-size:11px; color:#4d4d4e; text-align:center; font-weight:normal; vertical-align:top; line-height:20px; }

        .tableau_petit { font-size:10px; color:#4d4d4e; text-align:center; font-weight:normal; vertical-align:top; line-height:13px; }
        .tableau_petit_gras { font-size:10px; color:#688caf; text-align:center; font-weight:bold; vertical-align:top; line-height:13px; }
        .tableau_rouge { font-size:10px; color:#c9090a; text-align:center; font-weight:normal; vertical-align:top; line-height:13px; }
        .gras_tableau { font-size:11px; color:#4d4d4e; font-weight:bold; line-height:15px; }

        
    /**
     * @subsection Typography
     */
    #description {font-size:11px; color:#4d4d4e; text-align:justify; font-weight:normal; vertical-align:top; line-height:14px; }
    h2 { font-size:15px; color:#d8000a; text-align:left; line-height: 20px;}
    h3 { font-size:14px; text-align: justify; font-weight: bold; color:#ee7900; line-height:17px;}
    h4 { font-size:12px; color:#24357f; text-align:left; }
    span.underline, p.underline { text-decoration: underline}
    span.bold, p.bold { font-weight: bold }
    span.italic, p.italic { font-style: oblique; }
    .visuel { text-align: center; }
    a.action_print {font-size:11px; color:#4d4d4e;text-decoration:underline;padding-left: 25px}

    #description a { font-size:11px; color:#4d4d4e; text-align:justify; text-decoration:underline; font-weight:normal; }
    #description a:hover { text-decoration:underline; color:#000000; }
    #description a:visited { text-decoration:underline; color:#4d4d4e; }
    #description a:visited:hover { text-decoration:underline; color:#000000; }

    /**
     * @subsection Design
     */
        

/**
 * @section Inscription
*/
    /**
     * @subsection Layout
     */

     .page_inscription legend {margin:0;padding: 15px 0 5px}
     .page_inscription #description .radio_list {list-style:none; margin:10px 0 0 0}
     .page_inscription .radio_list li {display:inline; margin-right: 60px}
     .page_inscription #label_numero_pro {display:block;float:left;width:326px;padding-right:10px; padding-top:0}
     .page_inscription fieldset {padding-left:25px}
     .page_inscription #coordonnees input {float:left}
     .page_inscription #coordonnees div { height:30px }
     .page_inscription label {padding-top:8px}
     .page_inscription #label_nom,
     .page_inscription #label_adresse,
     .page_inscription #label_complement,
     .page_inscription #label_code_postal,
     .page_inscription #label_email {display:block; float:left; clear:left;width:91px}
     .page_inscription #label_prenom,
     .page_inscription #label_ville,
     .page_inscription #label_tel,
     .page_inscription #label_fax {display:block; float:left;width:64px; margin-left:26px;}
     .page_inscription #label_fax {width:34px}
     .page_inscription #identifiant p { padding-left: 0}
     .page_inscription #professionnel_member_adresse,
     .page_inscription #professionnel_member_complement {width: 394px}
     .page_inscription #label_password {padding-right: 5px}
     
     .page_inscription #submit_button {margin:20px 0 40px 669px; width:80px}
     

    /**
     * @subsection Typography
     */
     .page_inscription legend {color:#24357F;font-size:12px; font-weight:bold}
     .page_inscription #submit_button {color:#fff; font-weight: bold}
     .page_inscription #mentions { text-align: justify}
     .page_inscription label.Error {color: #D8000A}
     .page_inscription p.erreur {color: #D8000A; font-weight:bold}
     .page_inscription #description #mentions {font-style: italic; padding-top:25px}


    /**
     * @subsection Design
     */
     .page_inscription fieldset { border:0}
     .page_inscription #submit_button {border:1px solid #7FD1EF; background: #3fabe1; height:26px}



/**
 * @section Login
*/
    /**
     * @subsection Layout
     */
     .page_login h3 {margin:0;padding: 15px 0 5px}
     .page_login #signin_username,
     .page_login #signin_password { float:left; width: 136px }


    /**
     * @subsection Typography
     */
     .page_login h3 {color:#24357F;font-size:12px; font-weight:bold}
     .page_login p.erreur {color: #D8000A; font-weight:bold}
     .page_login #description #mentions {font-style: italic; padding-top:25px}

    /**
     * @subsection Design
     */
     .page_login label {width: 227px; padding-left: 25px}
     .page_login div.submit_button {margin-top:7px;text-align:right;width:368px}
     .page_login #signin_submit  {width:80px; border:1px solid #7FD1EF; background: #3fabe1; }


/**
 * @section Inscription Tiben
*/
    /**
     * @subsection Layout
     */
     .page_inscription_tiben #formulaire_tiben div {margin-left:25px; margin-bottom:14px}
     .page_inscription_tiben #formulaire_tiben label {width: 100px; display:block; float:left}
     .page_inscription_tiben #formulaire_tiben input {width: 217px}
     .page_inscription_tiben #formulaire_tiben #label_condition_confirmed, .page_inscription_tiben #formulaire_tiben #label_is_inscrit {display:inline; float:none}
     .page_inscription_tiben #formulaire_tiben #tiben_member_condition_confirmed, .page_inscription_tiben #formulaire_tiben #tiben_member_is_inscrit {width: auto}
     .page_inscription_tiben #formulaire_tiben  #submit_button {margin:10px 0 40px 269px; width:80px}
     .page_inscription_tiben #formulaire_tiben {margin: 35px 0 0 136px}


    /**
     * @subsection Typography
     */
    .page_inscription_tiben #submit_button {color:#fff; font-weight: bold}
    .page_inscription_tiben #mentions {font-style: italic; padding-top:25px}
    .page_inscription_tiben label.Error {color: #D8000A}
    .page_inscription_tiben #description p.erreur {color: #D8000A; font-weight:bold; margin-bottom:25px}


    /**
     * @subsection Design
     */
     .page_inscription_tiben #submit_button {border:1px solid #7FD1EF; background: #3fabe1; height:26px}


/**
 * @section Sitemap
*/
    /**
     * @subsection Layout
     */
     .sitemap #description li  {list-style: none; margin:0; padding:0}
     .sitemap #description ul {margin:0; padding:0}
     .sitemap #description a {margin:0; padding:0; text-decoration: none}
     .sitemap #description .level_1 {padding-left:25px}
     .sitemap #description .level_1 li {padding-top:12px}
     .sitemap #description .level_2 li,
     .sitemap #description .level_3 li {padding-top:0}

    /**
     * @subsection Typography
     */
    
    #description .level_1 li a, #description .level_1 li a:visited, #description .level_1 li a:visited:hover { font-size:11px; color:#5588C3; font-weight:bold; padding-left:4px; text-transform:uppercase; text-decoration: none }
    #description .level_2 li a, #description .level_2 li a:visited { font-size:11px; color:#004189; font-weight:bold; padding-left:14px; text-decoration:none; text-transform: none}
    #description .level_2 li a:hover, #description .level_2 li a:visited:hover { color:#d8000a; font-weight:bold; padding-left:14px; text-decoration:none; text-transform: none}
    #description .level_3 li a, #description .level_3 li a:visited { font-size:11px; color:#004189; font-weight:normal; padding-left:24px; text-decoration:none; text-transform: none}
    #description .level_3 li a:hover, #description .level_3 li a:visited:hover { color:#d8000a; font-weight:normal; padding-left:24px; text-decoration:none; text-transform: none}


    /**
     * @subsection Design
     */