#menu {	list-style:none;	float:center;	display:block;	width:1400px; /* avant: 1350px */}/* partie positionnement et deLco */#menu a { 	display:block; 	color: #2F0000; 	text-decoration:none;}#arrow-down {	width: 0; 	height: 0; 	border-left: 20px solid transparent;	border-right: 20px solid transparent;		border-top: 200px solid #f00;}#menu > li,#menu > li li {	position: relative;	display:inline-block;	width: 150px;	padding: 3px 5px;	background-color: none;	/*background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);*/}#menu > li li { background: transparent none; }#menu > li li a { color: #2F0000; }#menu > li li:hover { background:none; }#menu > li:first-child {	/*border-right: 1px solid #fff4f4;*/	border-radius: 0px 0 0 0px;}#menu > li + li {	/*border-right: 1px solid #ff0000;	border-left: 1px solid #ff0000;*/}#menu > li:fourth-child {	border-right: 0;	/*border-left: 1px solid #fff4f4;*/	border-radius: 0 px 0px 0 ;}#menu > li:hover {	background-color: none;	background-image: none; /*linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb)*/}/* (presque) fin de la partie positionnement/deLco *//* dans cette deLclaration, on fixe le max-height */#menu ul {	position: absolute;	top: 26px; left: 0;	max-height:0em;		margin: 0; padding: 0;	background-color: rgba(255,250,250, 0.9);	background-image: rgba(255,245,245, 0.9) ;/*linear-gradient(#fff,#ddd)*/	overflow: hidden;	-moz-transition: 0.3s all .2s;	-webkit-transition: 0.3s all .2s;	transition: 0.3s all .2s;	border-radius: 0 0 0px 0px;}/* ici on change la valeur de max-height au :hover */#menu > li:hover ul {	/* a` adapter, le minimum est le meilleur mais voyez large ? */	max-height: 40em;} /*   MENU2    */  #menu2 {	list-style:none;	float:center;	display:block;	width:1400px; /* avant: 1350px */}/* partie positionnement et deLco */#menu2 a { 	display:block; 	color: #2F0000; 	text-decoration:none;}#arrow-right {	width: 0; 	height: 0; 	border-left: 20px solid transparent;	border-right: 20px solid transparent;		border-top: 200px solid #f00;}#menu2 > li,#menu2 > li li {	position: relative;	display:inline-block;	width: 250px;	padding: 3px 5px;	background-color: none;	/*background-image: linear-gradient(#aaa, #888 50%, #777 50%,#999);*/}#menu2 > li li { background: transparent none; }#menu2 > li li a { color: #2F0000; }#menu2 > li li:hover { background:none; }#menu2 > li:first-child {	/*border-right: 1px solid #fff4f4;*/	border-radius: 0px 0 0 0px;}#menu2 > li + li {	/*border-right: 1px solid #ff0000;	border-left: 1px solid #ff0000;*/}#menu2 > li:fourth-child {	border-right: 0;	/*border-left: 1px solid #fff4f4;*/	border-radius: 0 px 0px 0 ;}#menu2 > li:hover {	background-color: none;	background-image: none; /*linear-gradient(#ccc, #aaa 50%, #999 50%,#bbb)*/}/* (presque) fin de la partie positionnement/deLco *//* dans cette deLclaration, on fixe le max-height */#menu2 ul {	position: absolute;	top: 26px; left: 0;	max-height:0em;		margin: 0; padding: 0;	background-color: rgba(255,250,250, 0.9);	background-image: rgba(255,245,245, 0.9) ;/*linear-gradient(#fff,#ddd)*/	overflow: hidden;	z-index: inherit;	-moz-transition: 0.3s all .2s;	-webkit-transition: 0.3s all .2s;	transition: 0.3s all .2s;	border-radius: 0 0 0px 0px;}/* ici on change la valeur de max-height au :hover */#menu2 > li:hover ul {	/* a` adapter, le minimum est le meilleur mais voyez large ? */	max-height: 40em;}