/* CSS Document */

#mainContent #headerPanelvide{width:120px; height:120px; top:0; left:0;; padding:0px;}
/* LOGO */
#mainContent #headerPanelfast{width:120px; height:120px; top:0; left:0;; padding:0px; background:url(sary/accueil.jpg) no-repeat #ffffff; color:#fff;}
#mainContent #headerPanelfast a{width:120px; height:120px; display:block; text-decoration:none; }

/* Bouton l'agent */
#mainContent #headerPanelsecond{width:120px; height:120px; top:0; left:205px; padding:0px; background:url(sary/agence.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#mainContent #headerPanelsecond a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelsecond a:hover{width:120px; height:120px; background:url(sary/agence-hover.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}

/* Bouton Marketing Direct */
#mainContent #headerPanelthird{width:120px; height:120px; top:0; left:370px; padding:0px; background:url(sary/marketing.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#mainContent #headerPanelthird a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelthird a:hover{width:120px; height:120px; background:url(sary/marketing-hover.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}

/* Communication */
#mainContent #headerPanelfort{width:120px; height:120px; top:0; left:535px; padding:0px; background:url(sary/communication.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#mainContent #headerPanelfort a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelfort a:hover{width:120px; height:120px; background:url(sary/communication-hover.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}

/* bouton edition */
#mainContent #headerPanelfive{width:120px; height:120px; top:0; left:700px; padding:0px; background:url(sary/edition.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#mainContent #headerPanelfive a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelfive a:hover{width:120px; height:120px; background:url(sary/edition-hover.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}

/* bouton Keep in touch*/
#mainContent #headerPanelsix{width:120px; height:120px; top:0; left:700px; padding:0px; background:url(sary/contact-nous.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#mainContent #headerPanelsix a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelsix a:hover{width:120px; height:120px; background:url(sary/contact-nous-hover.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}

#mainContent #headerPanelseven{width:120px; height:120px; top:0; left:700px; padding:0px; background:url(sary/gain.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#mainContent #headerPanelseven a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelseven a:hover{width:120px; height:120px; background:url(sary/gain.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}

/* bouton Blog*/
#mainContent #headerPaneleight{width:120px; height:120px; top:0; left:700px; padding:0px; background:url(sary/blog.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#mainContent #headerPaneleight a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPaneleight a:hover{width:120px; height:120px; background:url(sary/blog-hover.jpg) no-repeat 0 0 #ffffff; color:#fff; text-decoration:none;}

#mainContent #headerPanelnine{width:120px; height:120px; top:0; left:700px; padding:0px; background:url(sary/arbre.jpg) no-repeat 0 0 #ffffff; color:#fff;}
#mainContent #headerPanelnine a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelnine a:hover{width:120px; height:120px; background:url(sary/index_pan_9a.jpg) no-repeat 0 0 #62655d; color:#fff; text-decoration:none;}



#mainContent #headerPanelvisuel{width:120px; height:120px; top:0; left:700px; padding:0px; background:url(images/visuel.jpg) no-repeat 0 0 #62655d; color:#fff;}
#mainContent #headerPanelvisuel a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelvisuel a:hover{width:120px; height:120px; background:url(images/visuel_a.jpg) no-repeat 0 0 #62655d; color:#fff; text-decoration:none;}

#mainContent #headerPanelblog{width:120px; height:120px; top:0; left:700px; padding:0px; background:url(images/blog.jpg) no-repeat 0 0 #62655d; color:#fff;}
#mainContent #headerPanelblog a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelblog a:hover{width:120px; height:120px; background:url(images/blog_a.jpg) no-repeat 0 0 #62655d; color:#fff; text-decoration:none;}

#mainContent #headerPanelcontact{width:120px; height:120px; top:0; left:700px; padding:0px; background:url(images/contact.jpg) no-repeat 0 0 #62655d; color:#fff;}
#mainContent #headerPanelcontact a{width:120px; height:120px; display:block; text-decoration:none; }
#mainContent #headerPanelcontact a:hover{width:120px; height:120px; background:url(images/contact_a.jpg) no-repeat 0 0 #62655d; color:#fff; text-decoration:none;}

/* Bouton menu */