
/**
* Content
*/
#content { background: url(../images/home/bg-content-right.jpg) repeat-y right; border-top: solid 1px #8d8e8e; }

    #content-wrapper { float: left; width: 100%; }
    
    /**
     * Content left
     */
    #content-column { margin: 0 238px 15px 0; }
        #photo-no-flash { margin-left: 7px; }
        
    #content-column p { font-size: 0.9em; line-height: 18px; color: #7c7c7c; }
    #content-column strong { font-size: 1em; font-weight: bold; color: #414141; }
    
    #column1, #column2, #column3 { float: left; }
    
    /* First column (news) */
    #column1 { margin: 50px 0 0 30px; width: 222px; }
    #IE6 #column1 { margin-left: 15px; }
	
    #column1 h2 { border-bottom: solid 1px #9d9d9d;  padding-bottom: 3px; margin-bottom: 6px; display: block; height: 20px; }
		#column1 h2 a { color: #34814b; text-decoration: none; font-weight: bold; }
		#column1 h2 a:hover { text-decoration: underline; }
		
    #column1 em { font-size: 0.85em; }
    #column1 h3 { font-size: 1em; font-weight: bold; margin: 0; color: #2d4377; }
    #column1 a.suite { display: block; width: 87px; height: 22px; padding: 3px 0 0 100px; margin-top: 10px; text-decoration:none; color: #fff; background: url(../images/home/btn-content-col1-suite.jpg); }
    #column1 a.suite:hover { color: #eee; }
    
    /* 2nd & 3rd column */
    #column2, #column3 { margin: 45px 0 0 22px; }
    #column2 { width: 205px; }
    #column3 { width: 204px; }
    
        #column2 h2, #column3 h2 { height:20px; padding: 2px 5px 0 7px; font-size: 0.9em; color: #fff; white-space: nowrap; overflow: hidden; }
        #column2 h2 { background: url(../images/home/bg-content-col2-title.jpg); }
        #column3 h2 { background: url(../images/home/bg-content-col3-title.jpg); }
        
        #column2 img, #column3 img { margin: 5px 0 3px 2px; }
        
        #column3 a.btn-suite { display: block; float: right; width: 64px; height: 16px; background: url(../images/home/btn-content-en-savoir-plus.gif); text-indent: -5000px; font-size: 0px; }
        
        #column2 a, #column3 a { color: #7c7c7c; text-decoration: underline; }
        #column2 a:hover, #column3 a:hover { color: #3f5c9e; }

/**
 * Content right
 */
#right-column { float: left; width: 238px; margin-left: -238px; }
    
    #right-column ul { padding: 0; margin: 0; }
        #right-column ul li { background: 0; padding: 0; margin: 0; }
    
        /* Interlocuteur régional */
        #right-column #menu7 { background: url(../images/home/btn-menu7.jpg); }
        #right-column #menu7:hover { background-position: bottom; }
            #menu7 a { height: 121px;}
        
        /* Menu 8 "Votre activité" */
        #right-column #menu8 { background: url(../images/home/btn-menu8.jpg); }
        #right-column #menu8:hover { background-position: bottom; }
            #menu8 a { height: 98px;}
        
        /* Menu 9 "Demande devis" */
        #right-column ul li#menu9 { margin-left: 11px; width: 219px; background: url(../images/home/btn-menu9.jpg); }
        #right-column ul li#menu9:hover { background-position: bottom; }
            #menu9 a { height: 73px;}
        
        /* Menu 10 "en pratique" */
        #right-column ul li#menu10 { margin: 22px 0 20px 20px; color: #46bc62;}
        #menu10 strong { font-weight: bolder; font-style: normal; font-size: 1.2em; }
        
            #menu10 h2 { height: 27px; background: url("../images/home/bg-menu10.jpg") no-repeat; padding: 17px 0  0 55px; }
                #menu10 h2 a { height: 44px; color: #34814b; font-size: 1.3em; text-decoration: none; }
                #menu10 h2 a:hover { color: #45AA63; }
        
            #right-column ul li#menu10 ul li { height: 18px; list-style: disc inside; font-size: 0.92em; }
                #menu10 ul a { color: #5E5E5E; text-decoration: none; }
                #menu10 ul a:hover { text-decoration: underline; }

        /* Tags */
        #right-column ul li#tags { text-align: left; margin: 15px 0 0 18px; padding-bottom: 25px; }
        #tags h2, #tags h3, #tags h4, #tags h5, #tags h6 { padding: 0 3px 0 0; margin: 0; display: inline; line-height: 26px; }
            #tags a { text-decoration: none; }
            #tags a:hover { text-decoration: underline; }
       
        #tags h2 { font-size: 2em; }
            #tags h2 a { color: #688EE2; }
        #tags h3 { font-size: 1.6em; }
            #tags h3 a { color: #5DABD0; }
        #tags h4 { background: 0; font-size: 1.5em; }
            #tags h4 a { color: #5F608E;  }
        #tags h5 { font-size: 1.3em; background: 0; }
            #tags h5 a { color: #7B7B7B; }
        #tags h6 { font-size: 1.0em; }
            #tags h6 a { color: #8F8F8F; }
        
        
        