/* CSS - Frantz - Arthys 31 aout 2009 */

/* Partie généraliste */
*{margin:0; padding:0; outline:none;}
body {font-family:Arial; background:#B9B9B9 URL(img_accueil/bg_accueil.png) repeat-x top left;}
.clear{clear:both;}

/* Définition de la page */
#page{width:783px; background:transparent URL(img_accueil/logo_bg.png) no-repeat top center; margin:0 auto; padding-top:230px;}
#page ul{width:730px; height:400px; margin:0 auto; list-style-type:none; }
#page li{float:left; width:271px; height:335px; background:transparent URL(img_accueil/bg_couv_accueil.png) no-repeat center center; margin:0 45px;}
#page li span{display:none;}

/* Définition des liens rubriques */
#page #pro .item_menu .link{width:237px; height:295px; background:transparent URL(/images/stories/b2m/intro_site/couv_accueil_gauche.jpg) no-repeat center center; margin:18px 16px;}
#page #part .item_menu .link{width:237px; height:295px; background:transparent URL(images/stories/b2m/intro_site/couv_accueil_droite.jpg) no-repeat center center; margin:18px 16px;}

#page #pro .link a, #page #pro .link a:visited{display:block; width:237px; height:295px;}
#page #pro .link a:hover{background:transparent URL(img_accueil/hover_entrer.png) no-repeat bottom left;}

#page #part .link a, #page #part .link a:visited{display:block; width:237px; height:295px;}
#page #part .link a:hover{background:transparent URL(img_accueil/hover_entrer.png) no-repeat bottom left;}



/* Définition des liens boutons rubriques */
#page #pro .item_menu .link_btn, #page #pro .link_btn:visited{display:block; width:271px; height:38px; background:transparent URL(img_accueil/btn_acces_pro.png) no-repeat top left;}
#page #pro .item_menu .link_btn:hover{background-position:0 -38px;}
/*
A mettre en place lors de l'activation de la partie -Particulier-*/
#page #part .item_menu .link_btn, #page #part .link_btn:visited{display:block; width:271px; height:38px; background:transparent URL(img_accueil/btn_acces_particulier.png) no-repeat top left;}
#page #part .item_menu .link_btn:hover{background-position:0 -38px;}


/* Maintenance Status  */

#maintenance_status{text-align:center; font-size:18px; font-weight:bold; padding:10px 0;}

/* Copyright */
#copyright{font-size:12px; text-align:center; color:#606060;}

/* en cas de maintenance */

/* Définition de la page */
#page_maintenance{width:783px; background:transparent URL(img_accueil/logo_bg.png) no-repeat top center; margin:0 auto; padding-top:230px;}
#page_maintenance ul{width:730px; height:360px; margin:0 auto; list-style-type:none; }
#page_maintenance li{float:left; width:271px; height:335px; background:transparent URL(img_accueil/bg_couv_accueil.png) no-repeat center center; margin:0 45px;}
#page_maintenance li span{display:none;}

/* Définition des liens rubriques */
#page_maintenance #pro .item_menu .link{width:237px; height:295px; background:transparent URL(img_accueil/couv_accueil_gauche.jpg) no-repeat center center; margin:18px 16px;}
#page_maintenance #part .item_menu .link{width:237px; height:295px; background:transparent URL(img_accueil/couv_accueil_droite.jpg) no-repeat center center; margin:18px 16px;}

/*
#page_maintenance #pro .link a, #page_maintenance #pro .link a:visited{display:block; width:237px; height:295px;}
#page_maintenance #pro .link a:hover{background:transparent URL(img_accueil/hover_entrer.png) no-repeat bottom center;}
*/
/* Définition des liens boutons rubriques */
/*
#page_maintenance #pro .item_menu .link_btn, #page_maintenance #pro .link_btn:visited{display:block; width:271px; height:38px; background:transparent URL(img_accueil/btn_acces_pro.png) no-repeat top left;}
#page_maintenance #pro .item_menu .link_btn:hover{background-position:0 -38px;}

A mettre en place lors de l'activation de la partie -Particulier-
#page #part .item_menu .link_btn, #page #part .link_btn:visited{display:block; width:271px; height:38px; background:transparent URL(img_accueil/btn_acces_particulier.png) no-repeat top left;}
#page #part .item_menu .link_btn:hover{background-position:0 -38px;}
*/i