@charset "utf-8";
/* CSS Document */
body {
  font-family: "Helvetica Neue", Helvetica, Arial;
  font-size: 11pt;
  color: #ffffff;
  background-color:#f1f1f1;
  -webkit-user-select: none;
  margin:0;
  padding:0;
}
#main-container {
	background:#FFFFFF;
	background:rgba(255, 255, 255, 0.9);
	border:solid 1px #66BC29;
	margin:auto;
	width:80%;
	height:60%
}
.main-container-inner {
	position:relative;
	width:100%;
	height:100%;
}

/*--- DEBUT MENU du HAUT --*/
#menuTop {
	background-color:#EEEEEE;
	padding:0px;
	margin:15px 0 5px 0;
	width:100%;
	font-weight:bold;
}
#menuTop.mobile {
	margin: 0 0 5px 0;
}
#menuTop .selected {
	background-color:#66BC29;
	color:#FFFFFF;
	text-align:center;
	vertical-align:middle;
	text-decoration: none;
	border-right:1px solid #f1f1f1;
	font-size:12px;
}
#menuTop .nonSelected a, #menuTop .nonSelected a:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-size:12px;
}
#menuTop .nonSelected a:hover, #menuTop .nonSelected a:active, #menuTop .nonSelected a:focus {
	text-decoration: none;
}

#menuTop .nonSelected {
	background-color:#D40849;
	text-align:center;
	vertical-align:middle;
	border-right:1px solid #f1f1f1;
}

/*--- Positions --*/
#main-container, #video-container, #ctrl-container-main, #titre, #ctrl-container-main-with-mentions, 
#menu-container, #diapo-container, #copyright, #gallery-container {
	position:absolute
}

#titre {
	text-align:center;
}

#diapo-container img {
	width:100%;
	height:100%;
}

/*--- Copyright --*/
#copyright {
	color:#333333;
	font-size:9px;
	line-height:14px;
	text-align:right;
	bottom:0px;
	right:0px;
}
#copyright a, #copyright a:visited {
  text-decoration:underline;
  color:#333;
  font-size:9px;
}

/*--- Mentions légales --*/
#mentions-legales {
	color:#333333;
	font-size:9px;
	line-height:25px;
	text-align:center;
	clear:both;
	width:100%;
}
#mentions-legales a, #mentions-legales a:visited {
  text-decoration:underline;
  color:#333;
  font-size:9px;
}



/* Barre de controle */
#ctrl-container-main {
	height:20px;
	font-family: Futura, Helvetica, Arial;
}
#ctrl-container-main-with-mentions {
	height:45px;
	margin:0 10px;
}
#mention-legales {
	clear:both;
	color:#333333;
	font-size:9px;
	line-height:25px;
	padding-top:18px;
	text-align:center;
	width:100%;
}
.ctrl-container-main .ctrl-controls {
	background: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
}

.ctrl-controls {
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	behavior: url(css/PIE.htc);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	background:#D81D59;
	background:-moz-linear-gradient(bottom,  #AE0038,  #D81D59);
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.0, #AE0038), color-stop(0.9, #D81D59));
	background: linear-gradient(#AE0038, #D81D59);
	-pie-background: linear-gradient(#AE0038, #D81D59);
	height: 20px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	left: 0;
	width:100%
}

.ctrl-controls  div {
	background-image: none;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	width: 18px;
	height: 18px;
	font-size: 10px;
	line-height: 10px;
}

.ctrl-controls .ctrl-button span {
	cursor: pointer;
	display: block;
	font-size: 0px;
	line-height: 0;
	text-decoration: none;
	margin: 3px 3px;
	height: 14px;
	width: 14px;
	background: transparent url(controls1.png) 0 0 no-repeat;
}

.ctrl-controls .ctrl-gallery {
	width: auto;
	overflow: hidden;
	text-align: center;
}

.ctrl-controls .ctrl-gallery span {
	display: block;
	float: left;
	width: auto;
}

.ctrl-controls .ctrl-retour {
	width: auto;
	overflow: hidden;
	text-align: center;
}

.ctrl-controls .ctrl-retour span {
	display: block;
	float: left;
	width: auto;
}

.ctrl-controls .ctrl-time {
	color: #bbb;
	height: 14px;
	width: auto;
	padding: 4px 5px 0 0px ;
	padding: auto 4px;
	overflow: hidden;
	text-align: center;
}

.ctrl-controls .ctrl-time span {
	font-size: 9px;
	font-weight:bold;
	line-height: 12px;
	margin: 1px;
	display: block;
	float: left;
	width: auto;
}
.ctrl-controls .ctrl-time-rail span {
	height: 10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	display: block;
	position: absolute;
}


.ctrl-controls .ctrl-time-rail .ctrl-time-handle {
	display: none;
	position: absolute;
	margin: 0;
	width: 10px;
	background: #fff;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	border: solid 2px #333;
	top: -2px;
	text-align: center;
}

.ctrl-controls .ctrl-time-rail .ctrl-time-float {
	background: #eee;
	border: solid 1px #66bc29;
	color: #66bc29;
	visibility: hidden;
	width: 50px;
	height: 17px;
	top: -26px;
	margin-left: -18px;
	text-align: center;
}

.ctrl-controls .ctrl-time-rail:hover .ctrl-time-float {
	visibility: visible;
	z-index:100;
}

.ctrl-controls .ctrl-time-rail .ctrl-time-float-current {
	margin: 2px;
	min-width: 46px;
	left: 0;
}

.ctrl-controls .ctrl-time-rail .ctrl-time-float-corner {
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	line-height: 0;
	border: solid 5px #eee;
	border-color: #eee transparent transparent transparent;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	top: 15px;
	left: 13px;
}

.ctrl-controls .ctrl-volume-button {
	position: relative;
}

.ctrl-controls .ctrl-volume-button .ctrl-volume-slider {
	display: none;
	height: 115px;
	width: 25px;
	background:#D81D59;
	background:-moz-linear-gradient(bottom,  #D81D59,  #AE0038);
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.0, #D81D59), color-stop(0.9, #AE0038));
	background: linear-gradient(#D81D59, #AE0038);
	-webkit-border-radius:0;
    -moz-border-radius: 0;
    border-radius: 0;
	top: -115px;
	left:-10px;
	z-index: 100;
	position: absolute;
	margin: 0;
}

.ctrl-controls .ctrl-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px ;
	-moz-border-radius: 0 0 4px 4px ;
	border-radius: 0 0 4px 4px ;
}

.ctrl-controls .ctrl-volume-button:hover .ctrl-volume-slider {
	display: block;
}

.ctrl-controls .ctrl-volume-button .ctrl-volume-slider .ctrl-volume-total {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	margin: 0;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.8);
}

.ctrl-controls .ctrl-volume-button .ctrl-volume-slider .ctrl-volume-current {
	position: absolute;
	left: 11px;
	top: 8px;
	width: 2px;
	height: 100px;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.9);
	margin: 0;
}

.ctrl-controls .ctrl-volume-button .ctrl-volume-slider .ctrl-volume-handle {
	position: absolute;
	left: 4px;
	top: -3px;
	width: 16px;
	height: 6px;
	background: #ffffff;
	background: rgba(255, 255, 255, 0.9);
	cursor: N-resize;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	margin: 0;
}

.ctrl-controls .ctrl-retour, .ctrl-controls .ctrl-gallery {
	height: 14px;
	padding: 4px 0 ;
}
.ctrl-controls .ctrl-retour span, .ctrl-controls .ctrl-gallery span {
	font-size: 9px;
	line-height: 12px;
	margin: 1px;
	padding-right:5px;
}
.ctrl-controls .ctrl-retour span a, .ctrl-controls .ctrl-gallery span a {
	color: #BBB;
	text-decoration:none;
	font-weight:bold;
}
.ctrl-controls .ctrl-facebook {
	height:14px;
	width:16px;
	padding:3px 0 0;
	overflow:hidden;
}
/* Start: Play/pause */
.ctrl-controls .ctrl-play span {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAJNJREFUeNpi/P//PwMlgAWZs2fPHpBpjKsZ8/Bqmul8DbsBvxl+gKj/7v+rGPgYJBhBHEKGoRjAysABpSXABv1n+M8Q+n8SIz4DmIjw5n+yDfjF8BXZkP/kugDdNf8pMQB/IP6HGo7kdGyAEacBjFA5dgYeghpJ9QIjUV4gRSMhAxiJDUQmSjSDFVOaGylOBwABBgDRTiIabDBDXgAAAABJRU5ErkJggg==)  0 0 no-repeat;
}
.ctrl-controls .ctrl-pause span {
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAOCAYAAAAfSC3RAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAADNJREFUeNpi/P//PwM5gAXG2LNnD7IJjGjq4HIuLi5gOSYGMsGoxhGukZHctEq2jQABBgDV5gsX6veCXQAAAABJRU5ErkJggg==) 0 0 no-repeat;
}

/* Start: Help */
.ctrl-controls .ctrl-help-button {
	position:relative;
	width:24px;
}
.ctrl-controls .ctrl-help-button a {
	cursor: pointer;
	display: block;
	font-size: 0px;
	line-height: 0;
	text-decoration: none;
	margin: 3px 3px;
	height: 14px;
	width: 14px;
	background: transparent url(help.png)  0 0 no-repeat;
}

/* Start: twitter */
.ctrl-controls .ctrl-twitter-button {
	position:relative;
}
.ctrl-controls .ctrl-twitter-button a {
	cursor: pointer;
	display: block;
	font-size: 0px;
	line-height: 0;
	text-decoration: none;
	margin: 3px 3px;
	height: 14px;
	width: 14px;
	background: transparent url(t_logo-a.png)  0 0 no-repeat;
}

/* Start: Progress bar */
.ctrl-controls div.ctrl-time-rail {
	width: 400px;
	padding-top: 3px;
}
.ctrl-controls .ctrl-time-rail .ctrl-time-total {
	margin: 3px;
	background:#bbb ;
	width:390px;
}
.ctrl-controls .ctrl-time-rail .ctrl-time-loaded {
	background:#AE0038;
	background:-moz-linear-gradient(bottom,  #D81D59,  #AE0038);
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.0, #D81D59), color-stop(0.9, #AE0038));
	background: linear-gradient(#D81D59, #AE0038);
	-pie-background: linear-gradient(#D81D59, #AE0038);
	behavior: url(css/PIE.htc);
	width: 0;
}
.ctrl-controls .ctrl-time-rail .ctrl-time-current {
	width: 0;
	background: #fff;
	background: rgba(255,255,255,0.8);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)), to(rgba(200,200,200,0.8))); 
	background: -moz-linear-gradient(top,  rgba(255,255,255,0.9),  rgba(200,200,200,0.8)); 
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, startColorstr=#FFFFFF,endColorstr=#C8C8C8);	
}

.ctrl-controls .ctrl-mute span {
	padding:3px 5px;
	margin:3px 0px;
	background: transparent url(data:image/png;base64,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) 0 0 no-repeat;
}

.ctrl-controls .ctrl-unmute span {
	padding:3px 5px;
	margin:3px 0px;
	background: transparent url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNpi/P//PwMlgImBQsCCLpC+VwuXWrBTZzpfY6SqC4g14D/RXsCnmCaBOGoA9lhgJCVmiHUBIzW8gNUQxgHPjQABBgBFwg0fl4spIQAAAABJRU5ErkJggg==) 0 0 no-repeat;
}

.ctrl-controls .ctrl-volume-button:hover {
	-webkit-border-radius: 0 0 4px 4px ;
	-moz-border-radius: 0 0 4px 4px ;
	border-radius: 0 0 4px 4px ;
}
.ctrl-controls .ctrl-volume-button:hover .ctrl-volume-slider {
	display: block;
}

.ctrl-clear {
	clear: both;
}

/* Start : Fleche Diapo galerie */
.flecheG, .flecheD {
	width:10px;
	cursor:pointer;
	z-index:504;
	background:transparent;
	height:100%;
	position:absolute;
	top:0;
}

.flecheG {
	left:0;
}
.flecheD {
	right:0;
	padding-left:3px;
}
.flecheD img, .flecheG img {
	position: absolute;
	top: 50%;
	z-index:54;
	margin: -10px 0 0 0 !important;
	display: block;
	border:none !important;
}
.flecheG span {
	border-right: 20px solid #CD3300;
}
.flecheD span {
	border-left: 20px solid #CD3300;
}

/* Start : gallery-container */
#gallery-container {
	margin:0 10px;
	z-index:500;
	background:transparent;
	background:none;
}
#gallery-container #gallery {
	width:100%;
	padding:0;
	margin:0;
	z-index:501;
	position:relative;
}
.ul-gallery {
	list-style-type:none;
	position:relative;
	font-size: 10px;
	padding:0;
	margin:0;
}
.ul-gallery li {
	display:inline;
	margin:0;
	padding:0;
	list-style-type: none;
	cursor:pointer;
}
.galFloat {
	overflow:hidden;
}
#galFloat {
	padding:0 5px;
	margin:0 0 0 10px;
	-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background: #C4E0B1;
	background:-moz-linear-gradient(bottom,  #C4E0B1,  #7E9F65);
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.0, #C4E0B1), color-stop(0.9, #7E9F65));
	background: linear-gradient(#C4E0B1, #7E9F65);
}
.ul-gallery img {
	border:solid 2px #fff;
	box-shadow:inset 0 0 2px #fff;
	-moz-box-shadow:inset 0 0 2px #fff;
	-webkit-box-shadow:inset 0 0 2px #fff;
	margin-top:3px;
	width:43px;
	height:45px
	margin-right:5px;
}
.ul-gallery li.selected img {
	border:solid 2px #D40849;
	box-shadow:inset 0 0 2px red;
	-moz-box-shadow:inset 0 0 2px red;
	-webkit-box-shadow:inset 0 0 2px red;
}
.mobile #gallery-container {
	margin:0px;
	padding:15px;
	z-index:500;
	background:rgba(0, 0, 0, 0.3);
	background:c8c8c8;
}
.mobile #gallery-container #gallery {
	overflow:hidden;
	background: #C4E0B1;
	background:linear-gradient(#C4E0B1, #7E9F65) repeat scroll 0 0 transparent;
	background:-moz-linear-gradient(bottom,  #C4E0B1,  #7E9F65);
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.0, #C4E0B1), color-stop(0.9, #7E9F65));
	border-radius:5px;
	overflow:hidden;
}
.ul-gallery-mobile {
	list-style:none;
	margin:0;
	padding:0;
}
.ul-gallery-mobile li {
	float: left;
	margin:0;
	padding:0;
}
.ul-gallery-mobile img {
	vertical-align:middle;
}
.img-close {
	position:absolute;
	right:0px;
	top:0px;
	z-index:502;
}
/* Start: loading */
#loading {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: rgba( 0, 0, 0, 0.8) center center no-repeat;
	padding:20px;
	z-index:1000;
	overflow:auto;
}
#loading .error {
	margin:20px auto;
	padding:20px;
	width:40%;
	background-color:#999;
	color:#000;
	border:solid #900 2px;
}
#loading .error h1 {
	font-size:16px;
	margin:0 0 16px;
	color:#900;
}

/* Start : Menu */
.divMenu {
	position:relative;
}
#menuPop {
	position:absolute;
	z-index:1000;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	background:#CCC;
	background:-moz-linear-gradient(bottom,  #CCC,  #999);
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.0, #CCC), color-stop(0.9, #999));
	background: linear-gradient(#CCC, #999);
	-pie-background: linear-gradient(#CCC, #999);
	behavior: url(css/PIE.htc);
}
#menuPop div {
	padding:20px;
}
.menuFloat {
	overflow:hidden;
	psotion:relative;
}
#menuFloat li {
	float:left;
}
.disabled { visibility:hidden}
.flecheH, .flecheB {
	width:100%;
	text-align:center;
	vertical-align:middle;
}
.mobile .flecheH, .mobile .flecheB {
	width:50%;
	float:left;
}
.fleches {
	width:100%;
	height:20px;
}
.ul-menu {
	position:relative;
}
.ul-menu a, .ul-menu a:visited, #menuPop a, #menuPop a:visited {
	text-decoration:none;
	text-transform:none;
	font-weight:bold;
	display:inline-block;
	color:#FFFFFF;
	width:100%;
	cursor:pointer;
}
.menuP li {
	float:left;
	display:inline;
	margin:0 5px 5px 0 ;
	padding:5px 5px;
}
#menuPop li {
	float:left;
	display:inline;
	margin:0 10px 10px 0 ;
	padding:5px 5px;
}
.disabled {
	visibility:hidden;
}
.ul-menu li.sep, #menuPop li.sep {
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow: none;
	-webkit-border-radius:none;
    -moz-border-radius: none;
    border-radius: none;
	border-bottom: none;
	background:transparent;
}
#menuPop li.sep {
	margin:0;
}
.ul-menu li, #menuPop li {
	position:relative;
	float:left;
	display:inline;
	margin:0 5px 5px 0 ;
	padding:5px 5px;
	text-align:left;
	color: #FFF;
	list-style-type: none;
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5);
	-webkit-border-radius:5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	background:#AE0038;
	background:-moz-linear-gradient(bottom,  #AE0038,  #D81D59);
	background:-webkit-gradient(linear, left bottom, left top, color-stop(0.0, #AE0038), color-stop(0.9, #D81D59));
	background: linear-gradient(#AE0038, #D81D59);
}
.divButton li {
	font-size:14px;
	width:110px;
}
.ul-menu li.subMenu a {
	font-style:italic;
	text-transform:none;
	padding-left:20px;
	width:90%
}
.divMenu li.selected {
	background:#66bc29 !important;;
}
.ul-menu, #menuPop ul {
	font-size: 12px;
	padding:0;
	margin:0;
}
#video-container, #diapo-container {
	border:1px solid #D40849;
	z-index:50;
}
#movie {
	z-index:51;
}

/* Start : video */
.ctrl-container {
	position: relative;
	background: none;
}
.ctrl-inner {
	width:100%;
	height:100%;
}
.ctrl-mediaelement {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:100%;
}
.ctrl-overlay {
	position: absolute;
	top: 0;
	left: 0;
}
.ctrl-overlay-play {
	cursor: pointer;
	z-index:53;
}
.ctrl-overlay-play span {
	display:block;
	width: 100px;
	height: 100px;
	background: transparent url(bigplay.png) 0 0 no-repeat;
}
.ctrl-overlay-button {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 100px;
	margin: -50px 0 0 -50px;
}
.ctrl-overlay:hover .ctrl-overlay-button {
	background-position: 0 -100px ;
}
.ctrl-overlay-buttonsmall {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 50px;
	height: 50px;
	margin: -25px 0 0 -25px;
	background: url(smallplay.png) top left no-repeat;
}
.ctrl-overlay:hover .ctrl-overlay-buttonsmall {
	background-position: 0 -50px ;
}
.ctrl-overlay-loading {
	margin: -40px 0 0 -40px;
	background: #333;
	background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAEhJREFUeNrszzERACAMALEH/25qEBcMvcRBTjUtcFtCRERERERERERERERERERERERERERERERERERERERERERERERE5I8nwABEjQEXuO95jAAAAABJRU5ErkJggg==);
	background: rgba(0, 0, 0, 0.9);
	background: -webkit-gradient(linear, left top, left bottom, from(rgba(50,50,50,0.9)), to(rgba(0,0,0,0.9))); 
	background: -moz-linear-gradient(top,  rgba(50,50,50,0.9),  rgba(0,0,0,0.9)); 	
	background: linear-gradient(rgba(50,50,50,0.9),  rgba(0,0,0,0.9)); 	
	position: absolute;
	top: 50%;
	left: 50%;
	width: 80px;
	height: 80px;
}
.ctrl-overlay-loading span {
	display:block;
	width: 80px;
	height: 80px;
	background: transparent url(loading.gif) center center no-repeat;
}
.hidden {
	display:none;
}
#ios1 {
	position:absolute;
	right:5px;
	top:5px;
	display:none;
	background:#D40849;
	border:1px solid #F1F1F1;
	padding:10px;
	z-index:502;
}
#ios {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	padding:0;
	z-index:1000;
	overflow:auto;
	background:rgba( 174, 0, 56, 0.9);
}

#ios div {
	position:absolute;
	top:50%;
	left:50%;
	width:300px;
	margin:-75px 0 0 -150px;
	text-align:center;
	vertical-align:middle;
	font-size:36px;
	font-weight:bold;
	color:#bbb;
}
.divMenu li.sub a {
	font-style:italic;
	text-transform:none;
	padding-left:20px;
}
.divMenu li.upper a {
	text-transform:uppercase;
}