/************************************************************************

Mise en forme du menu

*************************************************************************/



/*************** Menu exagonal***************/



/* Style Ecriture Exagonal */

#outer {width:100%;vertical-align:center;}

/* hack for IE5.5 */

* html #outer {height:350px; he\ight:330px;}

#hex {padding:0; margin:0 auto; list-style:none; width:325px;}

#hex li {displaylock; float:left; width:104px; margin-right:4px;  height:120px;}

#hex li.p1 {padding-left:54px;}

#hex li.p2 {margin-top:-26px;}

#hex li a {text-decoration: none; color: #ff0000; cursor:pointer; font:large; font-weight : bold;}

#hex li b {text-decoration: none; color: #ffffff; cursor:pointer; font:large; font-weight : bold;}



/* Couleurs Exagone extérieur*/

#hex li a b {displaylock; width:0; height:0; overflow:hidden; border-bottom:30px solid /*#984040*/ #ffffff; border-left:52px dotted transparent; border-right:52px dotted transparent;}

#hex li a span {displaylock; width:104px; height:60px; line-height:59px; text-align:center; background: #ffffff; font-size:11px; font-family: arial, veradana, sans-serif;}

#hex li a em {displaylock; width:0; height:0; overflow:hidden; border-top:30px solid #ffffff; border-left:52px dotted transparent; border-right:52px dotted transparent;}

/* hack for IE5.5 */

* html #hex li a b, * html #hex li a em {width:104px; height:30px; w\idth:0; he\ight:0;}



/* Bloc exagonal central - Accueil par def*/

#hex li a.inner b {border-bottom-color: #9f0707;}

#hex li a.inner span {background: #9f0707;}

#hex li a.inner em {border-top-color: #9f0707;}



/* Bloc exagonal exterieur - couleur survole*/

#hex li a:hover {white-space:normal; color: #626262;}

#hex li a:hover b {border-bottom-color: #b4b3b3;}

#hex li a:hover span {background: #b4b3b3;}

#hex li a:hover em {border-top-color: #b4b3b3;}



/* Bloc exagonal interieur - couleur survole*/

#hex li a.inner:hover b {border-bottom-color: #ededed;}

#hex li a.inner:hover span {background: #ededed;}

#hex li a.inner:hover em {border-top-color: #ededed;}



/* hack for IE5.5 */

* html #flower b {width:39px; height:46px; w\idth:0; he\ight:0;}

#flower a, #flower a:visited {text-decoration:none;}

#flower b.p1 {border-right:39px solid #cccccc;}

#flower b.p2 {border-left:39px solid #9e9e9e;}

#flower b.a1 {top:1px; left:9px;}

#flower b.a2 {top:1px; right:9px;}

#flower b.a3 {top:27px; left:7px;}

#flower b.a4 {top:27px; left:54px;}

#flower b.a5 {top:53px; left:9px;}

#flower b.a6 {top:53px; right:9px;}



#flower a:hover {white-space:normal; cursor:pointer;}

#flower a:hover b.p1 {border-right:39px solid #9e9e9e;}

#flower a:hover b.p2 {border-left:39px solid #cccccc;}

/*btn_LB*/



#ico_men_LB {

	position:absolute;

	vertical-align:middle;

	padding : 10px;

	margin:15px 0 0 0;

	z-index:100;

}



#ico_men_RB {

	position:absolute;

	right: 0;

	vertical-align:middle;

	padding : 10px;

	margin:15px 0 0 0;	

	z-index:100;	

}

#hex li b {text-decoration:none; color: #ffffff; cursor:pointer; font:large; font-weight : bold;}

Message édité par : Loudgi / 13-09-2010 16:01