/************************************************************************************
* Ouverture du Menu Nos services
************************************************************************************/

.submenu >#menuProp1{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp2{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp3{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp4{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp5{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp6{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp7{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp8{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp9{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp10{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp11{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

.submenu >#menuProp12{
	margin-top:-0px;
	height:36px;
	opacity: 1;
	transition: opacity 1s 1.3s, margin-top 1s 1.3s, height 1s 1.3s;
	z-index:-1;
}

/************************************************************************************
* Menu ciculaire Nos services
************************************************************************************/

nav{
	margin-top:56px;
}


#arborescence{
	margin-top:56px;

}

#proposnav{
	
}



ul.radial, ul.radial ul {
	padding:0;
	margin:0;
	list-style:none;
}

ul.radial {
	width:80px;
	height:80px;
	position:fixed;
	z-index:100;
	margin:400px 800px;
}

ul.radial > li > a {
	display:block;
	width:80px;
	height:80px; 
	left:-60px;
	background:#ddd;
	border-radius:80px;
	overflow:hidden;
	text-align:center;
	background-image: -webkit-radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	background-image: -moz-radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	background-image: -ms-radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	background-image: -o-radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	background-image: radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}

ul.radial ul {
	position:absolute;
	left:0;
	top:0;
	z-index:-1;
	width:80px;
	height:80px;
}

ul.radial ul li {
	width:0;
	height:1px;
	position:absolute;
	left:50%;
	top:50%;
	background:#ddd;
	border-left:0px solid #ddd;
	-webkit-transform-origin:0px 0px;
	-moz-transform-origin:0px 0px;
	-ms-transform-origin:0px 0px;
	-o-transform-origin:0px 0px;
	transform-origin:0px 0px;
	transition-timing-function: ease-in;
}

ul.radial ul li a {
	display:block; 
	width:120px;
	height:120px;
	position:absolute;
	border-radius:120px;
	color:#fff;
	background:#ddd;
	overflow:hidden;
	text-align:center;
	background-image: -webkit-radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	background-image: -moz-radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	background-image: -ms-radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	background-image: -o-radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	background-image: radial-gradient(circle cover, rgba(255,255,255,1), rgba(255,255,255,0) 100%);
	box-shadow: 5px 5px 5px rgba(0,0,0,0.2);
}
ul.radial li a img {
	border:0;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-24px;
	margin-left:-24px;
}

ul.radial li a img {
	border:0;
	position:absolute;
	width:60px;
	height:28px;
	top:50%;
	left:50%;
	margin-top:-14px;
	margin-left:-30px;
}

ul.radial li a #int{
	border:0;
	position:absolute;
	width:80px;
	height:100px;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-38px;
}

ul.radial li a #log{
	border:0;
	position:absolute;
	width:100px;
	height:80px;
	top:50%;
	left:50%;
	margin-top:-40px;
	margin-left:-50px;
}

ul.radial li a #res{
	border:0;
	position:absolute;
	width:100px;
	height:100px;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-50px;
}

ul.radial li a #bd{
	border:0;
	position:absolute;
	width:90px;
	height:96px;
	top:50%;
	left:50%;
	margin-top:-48px;
	margin-left:-45px;
}

ul.radial li a #con{
	border:0;
	position:absolute;
	width:70px;
	height:100px;
	top:50%;
	left:50%;
	margin-top:-50px;
	margin-left:-35px;
}

ul.radial li a #ven{
	border:0;
	position:absolute;
	width:98px;
	height:98px;
	top:50%;
	left:50%;
	margin-top:-49px;
	margin-left:-49px;
}

ul.radial li a #ins{
	border:0;
	position:absolute;
	width:100px;
	height:92px;
	top:50%;
	left:50%;
	margin-top:-46px;
	margin-left:-50px;
}

ul.radial li a #mai{
	border:0;
	position:absolute;
	width:100px;
	height:82px;
	top:50%;
	left:50%;
	margin-top:-40px;
	margin-left:-48px;
}

ul.radial li a #for{
	border:0;
	position:absolute;
	width:80px;
	height:100px;
	top:50%;
	left:50%;
	margin-top:-55px;
	margin-left:-34.25px;
}

ul.radial li a #par{
	border:0;
	position:absolute;
	width:50%;
	Height:50%;
	width:100px;
	height:70px;
	top:50%;
	left:50%;
	margin-top:-35px;
	margin-left:-50px;
}

/***************************************************************
*orientation
****************************************************************/
ul.radial ul li:nth-child(1) {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s 10s;
	-moz-transition: 0.5s 10s;
	-ms-transition: 0.5s 10s;
	-o-transition: 0.5s 10s;
	transition: 0.5s 10s;
}

/* Orientation */
ul.radial ul li:nth-child(1) {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s 2.25s;
	-moz-transition: 0.5s 2.25s;
	-ms-transition: 0.5s 2.25s;
	-o-transition: 0.5s 2.25s;
	transition: 0.5s 2.25s;
}
ul.radial ul li:nth-child(2) {
	-webkit-transform: rotate(36deg);
	-moz-transform: rotate(36deg);
	-ms-transform: rotate(36deg);
	-o-transform: rotate(36deg);
	transform: rotate(36deg);
	-webkit-transition: 0.5s 2s;
	-moz-transition: 0.5s 2s;
	-ms-transition: 0.5s 2s;
	-o-transition: 0.5s 2s;
	transition: 0.5s 2s;
}
ul.radial ul li:nth-child(3) {
	-webkit-transform: rotate(72deg);
	-moz-transform: rotate(72deg);
	-ms-transform: rotate(72deg);
	-o-transform: rotate(72deg);
	transform: rotate(72deg);
	-webkit-transition: 0.5s 1.75s;
	-moz-transition: 0.5s 1.75s;
	-ms-transition: 0.5s 1.75s;
	-o-transition: 0.5s 1.75s;
	transition: 0.5s 1.75s;
}
ul.radial ul li:nth-child(4) {
	-webkit-transform: rotate(108deg);
	-moz-transform: rotate(108deg);
	-ms-transform: rotate(108deg);
	-o-transform: rotate(108deg);
	transform: rotate(108deg);
	-webkit-transition: 0.5s 1.5s;
	-moz-transition: 0.5s 1.5s;
	-ms-transition: 0.5s 1.5s;
	-o-transition: 0.5s 1.5s;
	transition: 0.5s 1.5s;
}
ul.radial ul li:nth-child(5) {
	-webkit-transform: rotate(144deg);
	-moz-transform: rotate(144deg);
	-ms-transform: rotate(144deg);
	-o-transform: rotate(144deg);
	transform: rotate(144deg);
	-webkit-transition: 0.5s 1.25s;
	-moz-transition: 0.5s 1.25s;
	-ms-transition: 0.5s 1.25s;
	-o-transition: 0.5s 1.25s;
	transition: 0.5s 1.25s;
}
ul.radial ul li:nth-child(6) {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
	-webkit-transition: 0.5s 1s;
	-moz-transition: 0.5s 1s;
	-ms-transition: 0.5s 1s;
	-o-transition: 0.5s 1s;
	transition: 0.5s 1s;
}
ul.radial ul li:nth-child(7) {
	-webkit-transform: rotate(216deg);
	-moz-transform: rotate(216deg);
	-ms-transform: rotate(216deg);
	-o-transform: rotate(216deg);
	transform: rotate(216deg);
	-webkit-transition: 0.5s 0.75s;
	-moz-transition: 0.5s 0.75s;
	-ms-transition: 0.5s 0.75s;
	-o-transition: 0.5s 0.75s;
	transition: 0.5s 0.75s;
}
ul.radial ul li:nth-child(8) {
	-webkit-transform: rotate(252deg);
	-moz-transform: rotate(252deg);
	-ms-transform: rotate(252deg);
	-o-transform: rotate(252deg);
	transform: rotate(252deg);
	-webkit-transition: 0.5s 0.5s;
	-moz-transition: 0.5s 0.5s;
	-ms-transition: 0.5s 0.5s;
	-o-transition: 0.5s 0.5s;
	transition: 0.5s 0.5s;
}

ul.radial ul li:nth-child(9) {
	-webkit-transform: rotate(288deg);
	-moz-transform: rotate(288deg);
	-ms-transform: rotate(288deg);
	-o-transform: rotate(288deg);
	transform: rotate(288deg);
	-webkit-transition: 0.5s 0.25s;
	-moz-transition: 0.5s 0.25s;
	-ms-transition: 0.5s 0.25s;
	-o-transition: 0.5s 0.25s;
	transition: 0.5s 0.25s;
}

ul.radial ul li:nth-child(10) {
	-webkit-transform: rotate(324deg);
	-moz-transform: rotate(324deg);
	-ms-transform: rotate(324deg);
	-o-transform: rotate(324deg);
	transform: rotate(324deg);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

/*****/
ul.radial ul li:nth-child(1) a {
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: 0.5s 2.25s;
	-moz-transition: 0.5s 2.25s;
	-ms-transition: 0.5s 2.25s;
	-o-transition: 0.5s 2.25s;
	transition: 0.5s 2.25s;
}
ul.radial ul li:nth-child(2) a {
	-webkit-transform: rotate(-36deg);
	-moz-transform: rotate(-36deg);
	-ms-transform: rotate(-36deg);
	-o-transform: rotate(-36deg);
	transform: rotate(-36deg);
	-webkit-transition: 0.5s 2s;
	-moz-transition: 0.5s 2s;
	-ms-transition: 0.5s 2s;
	-o-transition: 0.5s 2s;
	transition: 0.5s 2s;
}
ul.radial ul li:nth-child(3) a {
	-webkit-transform: rotate(-72deg);
	-moz-transform: rotate(-72deg);
	-ms-transform: rotate(-72deg);
	-o-transform: rotate(-72deg);
	transform: rotate(-72deg);
	-webkit-transition: 0.5s 1.75s;
	-moz-transition: 0.5s 1.75s;
	-ms-transition: 0.5s 1.75s;
	-o-transition: 0.5s 1.75s;
	transition: 0.5s 1.75s;
}
ul.radial ul li:nth-child(4) a {
	-webkit-transform: rotate(-108deg);
	-moz-transform: rotate(-108deg);
	-ms-transform: rotate(-108deg);
	-o-transform: rotate(-108deg);
	transform: rotate(-108deg);
	-webkit-transition: 0.5s 1.5s;
	-moz-transition: 0.5s 1.5s;
	-ms-transition: 0.5s 1.5s;
	-o-transition: 0.5s 1.5s;
	transition: 0.5s 1.5s;
}
ul.radial ul li:nth-child(5) a {
	-webkit-transform: rotate(-144deg);
	-moz-transform: rotate(-144deg);
	-ms-transform: rotate(-144deg);
	-o-transform: rotate(-144deg);
	transform: rotate(-144deg);
	-webkit-transition: 0.5s 1.25s;
	-moz-transition: 0.5s 1.25s;
	-ms-transition: 0.5s 1.25s;
	-o-transition: 0.5s 1.25s;
	transition: 0.5s 1.25s;
}
ul.radial ul li:nth-child(6) a {
	-webkit-transform: rotate(-180deg);
	-moz-transform: rotate(-180deg);
	-ms-transform: rotate(-180deg);
	-o-transform: rotate(-180deg);
	transform: rotate(-180deg);
	-webkit-transition: 0.5s 1s;
	-moz-transition: 0.5s 1s;
	-ms-transition: 0.5s 1s;
	-o-transition: 0.5s 1s;
	transition: 0.5s 1s;
}
ul.radial ul li:nth-child(7) a {
	-webkit-transform: rotate(-216deg);
	-moz-transform: rotate(-216deg);
	-ms-transform: rotate(-216deg);
	-o-transform: rotate(-216deg);
	transform: rotate(-216deg);
	-webkit-transition: 0.5s 0.75s;
	-moz-transition: 0.5s 0.75s;
	-ms-transition: 0.5s 0.75s;
	-o-transition: 0.5s 0.75s;
	transition: 0.5s 0.75s;
}
ul.radial ul li:nth-child(8) a {
	-webkit-transform: rotate(-252deg);
	-moz-transform: rotate(-252deg);
	-ms-transform: rotate(-252deg);
	-o-transform: rotate(-252deg);
	transform: rotate(-252deg);
	-webkit-transition: 0.5s 0.5s;
	-moz-transition: 0.5s 0.5s;
	-ms-transition: 0.5s 0.5s;
	-o-transition: 0.5s 0.5s;
	transition: 0.5s 0.5s;
}

ul.radial ul li:nth-child(9) a {
	-webkit-transform: rotate(-288deg);
	-moz-transform: rotate(-288deg);
	-ms-transform: rotate(-288deg);
	-o-transform: rotate(-288deg);
	transform: rotate(-288deg);
	-webkit-transition: 0.5s 0.25s;
	-moz-transition: 0.5s 0.25s;
	-ms-transition: 0.5s 0.25s;
	-o-transition: 0.5s 0.25s;
	transition: 0.5s 0.25s;
}

ul.radial ul li:nth-child(10) a {
	-webkit-transform: rotate(-324deg);
	-moz-transform: rotate(-324deg);
	-ms-transform: rotate(-324deg);
	-o-transform: rotate(-324deg);
	transform: rotate(-324deg);
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

ul.radial li ul {
	width:300px;
	height:300px;
	left:-110px;
	top:-110px;
}

ul.radial li ul li:nth-child(1) {
	border-left-width:220px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

ul.radial li ul li:nth-child(2) {
	border-left-width:220px;
	-webkit-transition: 0.5s 0.25s;
	-moz-transition: 0.5s 0.25s;
	-ms-transition: 0.5s 0.25s;
	-o-transition: 0.5s 0.25s;
	transition: 0.5s 0.25s;
}

ul.radial li ul li:nth-child(3) {
	border-left-width:220px;
	-webkit-transition: 0.5s 0.5s;
	-moz-transition: 0.5s 0.5s;
	-ms-transition: 0.5s 0.5s;
	-o-transition: 0.5s 0.5s;
	transition: 0.5s 0.5s;
}

ul.radial li ul li:nth-child(4) {
	border-left-width:220px;
	-webkit-transition: 0.5s 0.75s;
	-moz-transition: 0.5s 0.75s;
	-ms-transition: 0.5s 0.75s;
	-o-transition: 0.5s 0.75s;
	transition: 0.5s 0.75s;
}

ul.radial li ul li:nth-child(5) {
	border-left-width:220px;
	-webkit-transition: 0.5s 1s;
	-moz-transition: 0.5s 1s;
	-ms-transition: 0.5s 1s;
	-o-transition: 0.5s 1s;
	transition: 0.5s 1s;
}

ul.radial li ul li:nth-child(6) {
	border-left-width:220px;
	-webkit-transition: 0.5s 1.25s;
	-moz-transition: 0.5s 1.25s;
	-ms-transition: 0.5s 1.25s;
	-o-transition: 0.5s 1.25s;
	transition: 0.5s 1.25s;
}

ul.radial li ul li:nth-child(7) {
	border-left-width:220px;
	-webkit-transition: 0.5s 1.5s;
	-moz-transition: 0.5s 1.5s;
	-ms-transition: 0.5s 1.5s;
	-o-transition: 0.5s 1.5s;
	transition: 0.5s 1.5s;
}

ul.radial li ul li:nth-child(8) {
	border-left-width:220px;
	-webkit-transition: 0.5s 1.75s;
	-moz-transition: 0.5s 1.75s;
	-ms-transition: 0.5s 1.75s;
	-o-transition: 0.5s 1.75s;
	transition: 0.5s 1.75s;
}

ul.radial li ul li:nth-child(9) {
	border-left-width:220px;
	-webkit-transition: 0.5s 2s;
	-moz-transition: 0.5s 2s;
	-ms-transition: 0.5s 2s;
	-o-transition: 0.5s 2s;
	transition: 0.5s 2s;
}

ul.radial li ul li:nth-child(10) {
	border-left-width: 220px;
	-webkit-transition: 0.5s 2.25s;
	-moz-transition: 0.5s 2.25s;
	-ms-transition: 0.5s 2.25s;
	-o-transition: 0.5s 2.25s;
	transition: 0.5s 2.25s;
}

/* taille des bulles */
ul.radial li ul li:nth-child(1) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-ms-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
}

ul.radial li ul li:nth-child(2) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s 0.25s;
	-moz-transition: 0.5s 0.25s;
	-ms-transition: 0.5s 0.25s;
	-o-transition: 0.5s 0.25s;
	transition: 0.5s 0.25s;
}

ul.radial li ul li:nth-child(3) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s 0.5s;
	-moz-transition: 0.5s 0.5s;
	-ms-transition: 0.5s 0.5s;
	-o-transition: 0.5s 0.5s;
	transition: 0.5s 0.5s;
}

ul.radial li ul li:nth-child(4) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s 0.75s;
	-moz-transition: 0.5s 0.75s;
	-ms-transition: 0.5s 0.75s;
	-o-transition: 0.5s 0.75s;
	transition: 0.5s 0.75s;
}

ul.radial li ul li:nth-child(5) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s 1s;
	-moz-transition: 0.5s 1s;
	-ms-transition: 0.5s 1s;
	-o-transition: 0.5s 1s;
	transition: 0.5s 1s;
}
ul.radial li ul li:nth-child(6) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s 1.25s;
	-moz-transition: 0.5s 1.25s;
	-ms-transition: 0.5s 1.25s;
	-o-transition: 0.5s 1.25s;
	transition: 0.5s 1.25s;
}

ul.radial li ul li:nth-child(7) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s 1.5s;
	-moz-transition: 0.5s 1.5s;
	-ms-transition: 0.5s 1.5s;
	-o-transition: 0.5s 1.5s;
	transition: 0.5s 1.5s;
}

ul.radial li ul li:nth-child(8) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s 1.75s;
	-moz-transition: 0.5s 1.75s;
	-ms-transition: 0.5s 1.75s;
	-o-transition: 0.5s 1.75s;
	transition: 0.5s 1.75s;
}

ul.radial li ul li:nth-child(9) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s 2s;
	-moz-transition: 0.5s 2s;
	-ms-transition: 0.5s 2s;
	-o-transition: 0.5s 2s;
	transition: 0.5s 2s;
}

ul.radial li ul li:nth-child(10) a {
	width:120px;
	height:120px; 
	left:-60px;
	top:-60px; 
	border-radius:120px;
	-webkit-transition: 0.5s 2.25s;
	-moz-transition: 0.5s 2.25s;
	-ms-transition: 0.5s 2.25s;
	-o-transition: 0.5s 2.25s;
	transition: 0.5s 2.25s;
}


ul.radial > li > a {
	background-color:#bbb;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}

ul.radial li:hover ul li a:hover {
	background-color:#bbb;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}

@media only screen and (max-width:1080px) {
	nav{
		margin-top: 24px;
		border-bottom: 1px #666 solid;
		border-top: 1px #666 solid;
	}
	
	#arborescence{
		margin-top:0px;
		margin-left:0px;
	}
	
	#proposnav{
		margin: auto;
	}
	
	ul.radial {
		margin:300px auto;
		text-align:center;
		position:relative;
	}
}

@media only screen and (max-width:480px) {
	.radial {display:none;}
	#info h3.smartphone {display:block;}
}