* { border: 0; padding: 0; margin: 0; list-style-type: none; font-size: 11px; font-family: Arial;}
a { color: #BC5088; text-decoration: none;}
a.btn { display: block;}
a.btn h1 { display: none;}
strong{font-weight:bold;}
h1 span{display:none;}
.clear{clear:both;}
input[type=text], input[type=password] { background-color:#F2F2F6; border:1px solid #C3C6D1; font-size:1em; margin-bottom:0; margin-top:4px; padding-bottom:6px;}
select {background-color: #F2F2F6; border: 1px solid #C3C6D1;}
#fields {font-style: italic; color: #F2A3C6;}
input.text {background-color: #F2F2F6; border: 1px solid #C3C6D1; font-size: 10px; padding: 2px 0;}
h1#title {background-color: #00093C; color: #E6D6D0; font-size: 11px; font-weight: bold; height: 15px; margin: 15px 0 0 20px; padding: 0 0 0 20px;}

body { color: white; background-color: #030013; text-align: center;}

div#siteLayer { margin: 17px auto 5px auto; width:960px; overflow:hidden;}

div#headerLayer { margin: 0 0 16px 0; position: relative; width: 960px; height: 65px; float:left;}
	a#logoLink { width: 204px; height: 41px; position: absolute; top: 0; left: 0; background: url(../ximg/institutionnel/logo.png) no-repeat center;}
	ul#menuList { position: absolute; overflow: hidden; top: 19px; left: 217px;}
		ul#menuList li { float: left; display: inline; padding: 0 10px; line-height: 16px; border-right: 1px solid #A8AABB;}
		ul#menuList li a { font-weight: bold; color: #A8AABB; font-size:13px; text-transform: uppercase;}
		ul#menuList li#active a {color:#F2A3C6;}
		ul#menuList li a.selected{color:#F2A3C6;}
		ul#menuList li a:hover{color:#F2A3C6;}
		ul#menuList li.eshop a { color: white;}
		ul#menuList li.flash { border: 0; margin:3px 0 0 0;}
	
div#footerLayer { border-top:1px solid #797E91; padding:10px 0 0 0; float:left; width:960px;}
	ul#footerMenuList { overflow: hidden;}
		ul#footerMenuList li { float: left; display: inline; padding: 0 7px; line-height:12px; border-right: 1px solid #878EA3;}
		ul#footerMenuList li a { color: #878EA3;}

div#bodyLayer { overflow:hidden; margin: 0 0 15px 0; float:left; width:960px;}
/** css contenu **/
div#bodyLayer a.boutique{float:left; margin:0 12px 0 0;}
div#bodyLayer .edito{color:#404467; float:left; background:#DDE0E7; height:368px; width:150px; padding:15px 20px; text-align:left; position:relative;}
	div#bodyLayer .edito h2{font-weight:bold; text-transform:uppercase; margin:0 0 15px 0;}
	div#bodyLayer .edito p strong{font-weight:bold;}
	div#bodyLayer .edito .plusInfo img{position:absolute; bottom:0; right:0;}
div#bodyLayer #news{overflow:hidden; text-align:left; /*height:460px;*/}
	div#bodyLayer #news img{float:left; margin:0 20px 0 0; width:210px; /*height:323px;*/}
	div#bodyLayer #news .actu{float:left; width:730px;}
	div#bodyLayer #news h2{font-weight:bold; text-transform:uppercase; margin:0 0 5px 0;}
	div#bodyLayer #news p{margin:0 0 15px 0; /*width:720px;*/ width:690px; text-align:justify;}
	div#bodyLayer #news .retour{float:right; background:url(../ximg/institutionnel/picto_puce.gif) left no-repeat; padding:0 0 0 10px; margin:20px 0 0 0;}
	div#bodyLayer #news .actualite{float:left; height:460px; text-align:left; width:710px; padding:0 20px 0 0; overflow:auto;}
		div#bodyLayer #news .actualite dt{ text-transform:uppercase; font-weight:bold;}
		div#bodyLayer #news .actualite dt em{text-transform:none; font-style:normal;}
		div#bodyLayer #news .actualite dd.lire{padding:0 0 0 10px; background:url(../ximg/institutionnel/picto_puce.gif) left no-repeat; margin:5px 0 20px 0;}
		div#bodyLayer #news .actualite dd strong{font-weight:bold;}
		div#bodyLayer #news .actualite dd span{text-decoration:underline;}
		div#bodyLayer #news .actualite dd em{font-style:italic;}
		
div#bodyLayer #boutique{background:#ffffff; color:#333333; text-align:left; padding:10px 0 20px 0; overflow:hidden; float:left; position:relative;}
div#bodyLayer #boutique .leftNav{width:163px; float:left; text-align:center;}
div#bodyLayer #boutique .contenu{width:777px; float:left; padding:10px 0 0 0; margin:0 20px 0 0;}
	div#bodyLayer #boutique .contenu h2{color:#E6D6D0; font-weight:bold; font-size:11px; padding:2px 0 2px 20px; width:757px; background:#00093C; margin:0 0 10px 0;}
	div#bodyLayer #boutique .blocAide{border:1px solid #C3C6D1; padding:10px; width:362px; height:135px; float:left; margin:0 0 10px 0; background:url(../ximg/institutionnel/boutique/bgd_bloc-aide.gif) repeat-x;}
	div#bodyLayer #boutique .firstBlocAide{margin:0 9px 10px 0;}
	div#bodyLayer #boutique .blocAide ol li{list-style:inside decimal;}
		div#bodyLayer #boutique .blocAide h3 a{color:#878EA3; font-weight:bold;}
	div#bodyLayer #boutique .cont{width:755px; padding:10px 10px 20px 10px; border:1px solid #C3C6D1; background:url(../ximg/institutionnel/boutique/bgd_bloc-aide.gif) repeat-x;}
		div#bodyLayer #boutique .cont h3{color:#333A62; margin:0 0 10px 0;}
		div#bodyLayer #boutique .cont ol{margin:0 0 15px 0;}
		div#bodyLayer #boutique .cont ol li{list-style:inside decimal; margin:0 0 15px 0;}
			div#bodyLayer #boutique .cont li em{font-style:normal; text-decoration:underline; width:757px;}
			div#bodyLayer #boutique .cont li p{margin:5px 0; text-align:justify;}
				div#bodyLayer #boutique .cont a{color:#0000ee;}
			div#bodyLayer #boutique .cont ol ol{margin:0 0 5px 0;}	
				div#bodyLayer #boutique .cont ol li li{margin:0;}
			div#bodyLayer #boutique .cont ol ul li{list-style:none;} 
			div#bodyLayer #boutique .cont .list{margin:5px 0;}
			div#bodyLayer #boutique .cont .adresse{font-weight:bold; margin:0 0 0 20px;}
	div#bodyLayer #boutique .magasin{width:777px; background:#000D3A; overflow:hidden; height:227px; margin:0 0 10px 0;}
		div#bodyLayer #boutique .magasin fieldset{padding:15px 20px; width:234px; float:left;}
			div#bodyLayer #boutique .magasin h3{color:#E6D6D0; margin:0 0 15px 0;}
			div#bodyLayer #boutique .magasin form{margin:0 0 35px 0;}
			div#bodyLayer #boutique .magasin label{color:#F2A3C6; font-weight:bold; width:234px; float:left; margin:0 0 5px 0;}
			div#bodyLayer #boutique .magasin select{width:174px; font-size:12px; height:18px; margin:0 15px 0 0; float:left;}
			div#bodyLayer #boutique .magasin .btnSubmit{background:#E9E9F0; border:1px solid #C3C6D1; padding:1px 1px 1px 4px;}
			div#bodyLayer #boutique .magasin input{cursor:pointer; background:url(../ximg/institutionnel/boutique/picto_puce-ballon.gif) left no-repeat; padding:0 0 0 14px;}
		div#bodyLayer #boutique .magasin .flash{border:1px solid #dfdfdf; float:left; width:501px;}
	div#bodyLayer #boutique .blocBoutique{float:left; width:148px; height:212px; background:url(../ximg/institutionnel/boutique/bgd_blockBoutique.jpg) no-repeat bottom; border:1px solid #C3C6D1; padding:10px 20px; margin:0 5px 0 0;}
	div#bodyLayer #boutique .lastBlocBoutique{margin:0;}
		div#bodyLayer #boutique .blocBoutique dl{margin:0 0 20px 0;}
		div#bodyLayer #boutique .blocBoutique .adresse{text-transform:uppercase;}
		div#bodyLayer #boutique .blocBoutique dt{font-weight:bold;}
	div#bodyLayer #boutique .siteMap{color:#878EA3;}
		div#bodyLayer #boutique .siteMapLeft{width:364px; float:left; padding:0 20px 0 0;}
		div#bodyLayer #boutique .siteMapRight{float:left; width:372px; border-left:1px solid #E4E4E4; padding:0 0 0 20px;}
		div#bodyLayer #boutique .siteMap a{color:#878EA3;}
		div#bodyLayer #boutique .siteMap h3{margin:0 0 10px 0; border-bottom:5px solid #E4E4E4; border-top:1px solid #E4E4E4; font-size:20px; padding:2px 0 2px 20px;}
			div#bodyLayer #boutique .siteMap h3 a{font-size:20px; font-weight:bold;}
		div#bodyLayer #boutique .siteMap ul{padding:0 0 0 20px; margin:0 0 10px 0;}
			div#bodyLayer #boutique .siteMap li{background:url(../ximg/institutionnel/boutique/picto_puce-ballon.gif) left no-repeat; padding:0 0 0 15px;}
		div#bodyLayer #boutique .siteMap .services{border:1px solid #E4E7ED; background:url(../ximg/institutionnel/boutique/bgd_bloc-services.jpg) bottom; padding:10px 0 10px 20px; margin:0 0 20px 0;}
		div#bodyLayer #boutique .siteMap .mosaique{padding:0; margin:0;}
			div#bodyLayer #boutique .siteMap .mosaique li{background:none; float:left; padding:0; margin:0 0 15px 0;}
			div#bodyLayer #boutique .siteMap .mosaique img{border:1px solid #E6E8EE;}
			div#bodyLayer #boutique .siteMap .mosaique .imgLeft{margin:0 15px 15px 0;}
	div#bodyLayer #boutique .recrutement{background:url(../ximg/institutionnel/boutique/bgd_recrutement.gif) repeat-x bottom #ffffff; border:1px solid #C5C8D3; margin:0 0 13px 0; padding:7px 5px 7px 10px; color:#333333; width:760px;}
		div#bodyLayer #boutique .recrutement h3{margin:0 0 10px 0; font-size:11px; font-weight:bold;}
		div#bodyLayer #boutique .recrutement p{margin:0 0 15px 0;}
		div#bodyLayer #boutique .recrutement ul li{margin:0 0 15px 0;}
		div#bodyLayer #boutique .recrutement h4{font-size:11px; font-weight:bold; text-transform:uppercase; text-decoration:underline; margin:0 0 10px 0;}
	div#bodyLayer #boutique .btnPostuler{width:777px; text-align:right; margin:0 0 20px 0;}
		div#bodyLayer #boutique .btnPostuler span{border:1px solid #C3C6D1; padding:5px;}
			div#bodyLayer #boutique .btnPostuler input{background:#F7D6E7 url(../ximg/institutionnel/boutique/picto_puce-ballon.gif) no-repeat left; padding:0 5px 0 15px; border:1px solid #C3C6D1; color:#3F4773; cursor:pointer;}
	div#bodyLayer #boutique .blocRecrutement{width:777px; overflow:hidden;}
		div#bodyLayer #boutique .blocOffres{background:url(../ximg/institutionnel/boutique/bgd_recrutement.gif) repeat-x bottom #ffffff; width:173px; float:left; padding:0 5px 0 10px; margin:5px 8px 15px 0; height:190px; position:relative;}
		div#bodyLayer #boutique .blocOffresLast{margin:5px 0 15px 0;}
			div#bodyLayer #boutique .blocOffres h3{margin:0 0 10px 0;}
			div#bodyLayer #boutique .blocOffres ul{margin:0 0 10px 0;}
				div#bodyLayer #boutique .blocOffres ul li{margin:0 0 10px 0;}
				div#bodyLayer #boutique .blocOffres ul em{font-style:normal; text-transform:uppercase;}
			div#bodyLayer #boutique .blocOffres input{background:#F7D6E7 url(../ximg/institutionnel/boutique/picto_puce-ballon.gif) no-repeat left; padding:0 0 0 13px; border:1px solid #C3C6D1; color:#3F4773; position:absolute; bottom:5px; right:5px; cursor:pointer; width:85px;}
	div#bodyLayer #boutique form{margin:20px 0; overflow:hidden; width:777px;}
		div#bodyLayer #boutique form fieldset{padding:0 25px; width:316px; margin:0 0 10px 0; float:left;}
			div#bodyLayer #boutique form label{float:left; color:#878EA3; width:100px;}
			div#bodyLayer #boutique form input{float:left; background:#F2F2F6; border:1px solid #C3C6D1; width:210px; margin:0 0 13px 0; padding:2px;}
			div#bodyLayer #boutique form select{float:left; background:#F2F2F6; border:1px solid #C3C6D1; width:214px; margin:0 0 13px 0;}
			div#bodyLayer #boutique form a{font-weight:bold; color:#F2A3C6; margin:10px 0 0 0; float:left;}
			div#bodyLayer #boutique form .btnValider{background:url(../ximg/institutionnel/boutique/picto_puce-ballon.gif) no-repeat left; padding:2px 5px 2px 15px; border:1px solid #C3C6D1; cursor:pointer; color:#3F4773; width:55px; float:right; margin:25px 0 0 0;}
			div#bodyLayer #boutique form .date{float:left; width:20px; border:1px solid #C3C6D1; color:#3F4773; width:50px; margin:0 25px 10px 0; background:#F2F2F6;}
			div#bodyLayer #boutique form .year{margin:0; width:66px;}
			div#bodyLayer #boutique form div{float:left; width:727px;}
			* html div#bodyLayer #boutique form div{padding:0 0 10px 0;}
				div#bodyLayer #boutique form span{float:left; width:400px; color:#878EA3; font-style:italic; margin:0 0 0 5px;}
			div#bodyLayer #boutique form em{float:left; color:#F2A3C6; font-style:normal; margin:10px 0 0 0;}
		div#bodyLayer #boutique form .inscription{margin:15px 0 0 0;}
			div#bodyLayer #boutique form .inscription label{width:316px; color:#F2A3C6; font-weight:bold; margin:0 0 5px 0;}
			div#bodyLayer #boutique form .radioBtn{width:20px; border:none; background:none;}
				div#bodyLayer #boutique form .inscription span{width:50px; font-style:normal; padding:5px 0;}
		div#bodyLayer #boutique form .addressBook .btnValider{float:none; margin:25px 0 0 155px;}
	div#bodyLayer #boutique .searchResult{width:755px; padding:10px; border:1px solid #C3C6D1; background:url(../ximg/institutionnel/boutique/bgd_bloc-aide.gif) repeat-x; margin:0 0 20px 0;}
		div#bodyLayer #boutique .searchResult h3{margin:0 0 5px 0; background:url(../ximg/institutionnel/boutique/picto_puce-ballon.gif) no-repeat left; padding:0 0 0 16px; color:#C46295;}
		div#bodyLayer #boutique .searchResult ul{margin:0 0 0 15px;}
		div#bodyLayer #boutique .searchResult a{color:#0000ee;}
div#bodyLayer #boutique .monCompte{width:777px; float:left; padding:10px 0 0 0; margin:0 20px 0 0;}
	div#bodyLayer #boutique .monCompte h2{color:#41476C; font-size:13px; font-weight:bold; padding:0 0 0 15px; width:757px; margin:0 0 13px 0;}
	div#bodyLayer #boutique .monCompte h3{color:#E6D6D0; font-weight:bold; font-size:11px; padding:2px 0 2px 20px; width:757px; background:#00093C; margin:0 0 10px 0;}
	div#bodyLayer #boutique .monCompte .acroche{font-weight:bold; padding:5px 0 0 25px;}
			div#bodyLayer #boutique form .adresse2{margin:0 0 10px 100px;}
	#confirmation{width:777px; float:left; background:url(../ximg/institutionnel/boutique/bgd_confirmation.jpg) no-repeat; height:216px;}
		#confirmation p{padding:0 15px; color:#FFE1EE; margin:93px 0 0 0; width:300px;}
	div#bodyLayer #boutique .monCompte table{border:1px solid #C3C6D1; border-bottom:none; width:777px; margin:10px 0; overflow:hidden; border-collapse:collapse;}
		div#bodyLayer #boutique .monCompte table th, td{padding:10px 15px; border-bottom:1px solid #C3C6D1;}
		div#bodyLayer #boutique .monCompte table th{background:#E9E9F0; width:777px;}
		div#bodyLayer #boutique .monCompte table td{border-right:1px solid #C3C6D1; width:155px;}
		div#bodyLayer #boutique .monCompte .lastData{border-right:none;}
div#bodyLayer #vestiaire{width:757px; background:url(../ximg/institutionnel/boutique/bgd_vestiaire.jpg) no-repeat #C9C8C9; float:left; margin:0 20px 0 0; padding:13px 10px; color:#000000; overflow:hidden;}
	div#bodyLayer #vestiaire h2{text-align:center; margin:0 0 15px 0;}
	div#bodyLayer #vestiaire h3{font-size:14px; color:#FFFFFF; padding:0 20px 3px 20px;}
	div#bodyLayer #vestiaire .acroche{color:#FFFFFF; padding:0 20px 15px 20px; font-size:14px;}
		div#bodyLayer #vestiaire .acroche strong{font-weight:bold; font-size:14px;}
		div#bodyLayer #vestiaire .acroche a{font-size:14px;}
	div#bodyLayer #vestiaire .wishItem{width:421px; border:1px solid #E4E4E4; margin:0 12px 0 0; float:left;}
		div#bodyLayer #vestiaire .itemList{border:1px solid #343435; min-height:553px; padding:10px; background:url(../ximg/institutionnel/boutique/bgd_item-list.png) repeat;}
		* html div#bodyLayer #vestiaire .itemList{background:none; _height:550px;}
			div#bodyLayer #vestiaire .steps{text-align:center; margin:220px 0 0 0;}
				div#bodyLayer #vestiaire .steps .acroche{font-size:18px; font-weight:bold; color:#000000; margin:0 0 20px 0;}
				div#bodyLayer #vestiaire .steps input{border:1px solid #3A4766; background:#465371; color:#ffffff; font-weight:bold; font-size:13px; text-transform:uppercase; margin:0 0 20px 0; padding:3px; cursor:pointer; width:196px;}
	div#bodyLayer #vestiaire .addItem{width:321px; float:left;}
		div#bodyLayer #vestiaire .addItem span{width:321px; margin:0 0 12px 0; float:left;}
		div#bodyLayer #vestiaire .addItem .top{background:url(../ximg/institutionnel/boutique/arrow-top.gif) right center no-repeat;}
		div#bodyLayer #vestiaire .addItem .bottom{background:url(../ximg/institutionnel/boutique/arrow-bottom.gif) right no-repeat;}
			div#bodyLayer #vestiaire .addItem span input{background:url(../ximg/institutionnel/boutique/btn_add-to-cart.gif) no-repeat bottom; cursor:pointer; height:29px; width:303px;}
		div#bodyLayer #vestiaire .addItem .item{width:315px; border:1px solid #FFFFFF; float:left; height:153px; margin:0 0 12px 0; padding:1px;}
		div#bodyLayer #vestiaire .addItem .empty{background:url(../ximg/institutionnel/boutique/bgd_item-empty.png) no-repeat;}
		* html div#bodyLayer #vestiaire .addItem .empty{background:none;}
			div#bodyLayer #vestiaire .addItem .item p{text-align:center; padding:50px 35px 0 35px; font-size:15px;} 
			div#bodyLayer #vestiaire .addItem .item strong{font-size:18px; font-weight:bold;}

#listProduit{width:777px; float:left; padding:10px 0 0 0; margin:0 20px 0 0; overflow:hidden;}
	#listProduit a{color:#001339}
	#listProduit dl{float:left; margin:0 8px 0 0; width:149px;}
	#listProduit .lastProd{margin:0;}
		#listProduit dt img{border:1px solid #D6D4D4;}
		#listProduit dd{padding:0 5px 0 7px; height:28px; margin:0 0 2px 0;}
		#listProduit .marque{background:url(../ximg/institutionnel/boutique/bgd_marque.png) repeat-x;}
		#listProduit .prix a{font-weight:bold; font-size:12px;}

#popup{border:8px solid #EDF0F4; text-align:left; width:410px; padding:20px; background: url(../ximg/institutionnel/boutique/bgd_popup.gif) bottom left no-repeat #FFFFFF; color:#001339; margin:10px auto;}
	#popup h1{margin:0 0 15px 0;}
	#popup h2{text-transform:uppercase; color:#FFFFFF; background:#00093C; padding:2px 0 2px 7px; margin:0 0 15px 0; font-weight:bold;}
	#popup h3{text-transform:uppercase; font-weight:bold;}
	#popup a{color:#0000ee;}
	#popup p,ul,dl{margin:0 0 10px 0;}
		#popup dt{font-weight:bold;}
		#popup .titre{text-decoration:underline;}
		#popup sup{font-size:8px;}
	#popup ol li{list-style:inside lower-alpha;}
		#popup ol li span{text-decoration:underline;}
		#popup ol li p{text-align:justify;}
	#popup .serviceClients{margin:0 0 25px 20px;}
	#popup div.button{margin:0 0 10px 0; text-align:right;}
		#popup button{border:1px solid #C3C6D1; color:#3F4773; background:url(../ximg/institutionnel/boutique/picto_puce-ballon.gif) left no-repeat; background-color:#FFFFFF; padding:3px 0 2px 12px; cursor:pointer;}
	#popup label{float:left; width:100px; text-align:right; margin:0 8px 0 0;}	
	#popup .email{float:left; border:1px solid #C3C6D1; width:200px; margin:0 0 10px 0; padding:2px;}
	#popup .buttons{text-align:center;}
	#popup .btnClose{margin:0 65px 0 0;}

#size{text-align:left; width:510px; padding:20px; color:#001339; margin:10px auto; background:#ffffff; overflow:hidden;}
	#size h1{margin:0 0 15px 0;}
	#size .nav{margin:0 0 15px 0;}
		#size .nav li{display:inline; text-transform:uppercase; font-weight:bold; font-size:12px; border-right: 1px solid #c3c6d1; padding:5px; color:#333a62;}
			#size .nav a{font-size:12px; color:#333a62;}
		#size .nav .last{border:none;}
		#size .nav .selected{color:#c46295;}
		#size .nav a:hover{color:#c46295;}
	#size .sizeCont{border:8px solid #EDF0F4; width:488px; padding:4px 3px;}
		#size .sizeCont h2{padding:8px 0 8px 30px; text-transform:uppercase; background:#1B2843 url(../ximg/institutionnel/boutique/picto_ballon.gif) no-repeat 2% 45%; border:1px solid #EDF0F4; margin:0 0 3px 0;}
			#size .sizeCont h2 a{color:#FFFFFF; font-size:15px;}
		#size .cont{width:488px; padding:10px 0 5px 0;}
			#size .cont p{padding:0 10px 10px 25px;}
			#size .cont table{border:1px solid #000000; color:#333333; border-right:none; margin:0 0 10px 0;}
				#size .cont table th, td{border-bottom:1px solid #333A62; padding:0; border-right:1px solid #333A62;}
				#size .cont table th{background:#E1E2E6; padding:1px 7px;}
				#size .cont table .heading{text-align:center; text-transform:uppercase;}
				#size .cont table td {width:30px; text-align:center; height:20px;}
				#size .cont table .tailles{text-transform:uppercase; background:#E1E2E6; font-weight:bold;}
				#size .cont table .lastData{border-bottom:none;}
			#size .cont img{padding:0 0 5px 25px;}
			#size .cont ul{padding:0 10px 0 25px; width:425px; float:left;}
				#size .cont ul li{background:url(../ximg/institutionnel/boutique/picto_puce-li.gif) no-repeat left; padding:5px 0 0 6px; margin:0 0 10px 0; font-weight:bold; font-size:12px; height:18px;}
				#size .cont ul li span{font-size:11px; font-weight:normal; margin:-15px 0 0 18px; border-bottom:1px solid #E1E2E6; padding:0 0 2px 2px; display:block;}
			#size .cont dl{padding:0 10px 0 25px;}
				#size .cont dt{font-weight:bold; text-transform:uppercase;}
				#size .cont .coupe{text-transform:none;}
				#size .cont dd{margin:0 0 10px 0;}
	
/* INDEX */
img#indexInstitu_img {width: 758px; height: 398px; display: inline; float: left; margin: 0 10px 0 0;}
div#indexInstitu_actu {display: inline; float: left; background-color: #DDE0E7; border: 1px solid #5A5C69; color: #404467; height: 398px; width: 190px; position: relative;}
	a#moreActu_link {display: block; position: absolute; bottom: 0; right: 0; height: 28px; width: 28px; background: transparent url(../ximg/picto_more.gif) no-repeat 0 0;}
		a#moreActu_link span {display: none;}
	div#indexInstitu_actu dl {margin: 15px 20px; height: 368px; overflow: hidden;}
		div#indexInstitu_actu dl dt {font-weight: bold; text-align: left;}
		div#indexInstitu_actu dl dd {margin: 15px 0; text-align: left;}

/* POPUP GENERAL */
div#BBTool_msgBoxContent {overflow: hidden; position: relative;}
	a#BBTool_msgBoxCloseBtn {display: block; position: absolute; top: 20px; right: 20px; height: 20px; width: 20px; background: transparent url(../ximg/close_btn.gif) no-repeat 0 0; z-index: 1000;}
		a#BBTool_msgBoxCloseBtn span {display: none;}
	div#BBTool_msgBoxHeader {background: url("../ximg/popup_back.png") no-repeat scroll 0 0 transparent; height: 7px; overflow: hidden;}
	div#BBTool_msgBoxBody {overflow: hidden; background: url("../ximg/popupBody_back.png") repeat-y scroll 0 0 transparent; width: 650px !important;}
		div#BBTool_msgBoxBody span#popup_title {font-size: 15px; font-weight: bold; display: block; margin: 0 0 10px 20px; overflow: hidden;}
	div#BBTool_msgBoxFooter {overflow: hidden; background: url("../ximg/popup_back.png") no-repeat scroll 0 -10px transparent; height: 15px;}


/* POPUP NEWSLETTER */
div#mailing_content {overflow: hidden; padding: 0 0 10px 0; width: 650px; color: #001339;}
	div#mailing_content img {margin: 10px 0 0 20px;}
	div#mailing_content h1 {width: 585px;}
	div#mailing_content form#frmNewsletter {margin: 10px auto 0 auto; width: 535px;}
		form#frmNewsletter p {margin: 0 0 10px 0;}
		form#frmNewsletter ul#user_infos_list {overflow: hidden; width: 540px;}
			ul#user_infos_list li {margin: 0 0 5px 0; overflow: hidden;}
				ul#user_infos_list li label {display: inline; float: left; width: 180px; text-align: right; line-height: 25px; margin: 0 10px 0 0; color: #878EA3;}
				ul#user_infos_list li input {display: inline; float: left; width: 180px;}
				ul#user_infos_list li select#civility {width: 75px; margin: 3px 0 0;}
				ul#user_infos_list li#birthday select {margin: 3px 15px 0 0;}
				ul#user_infos_list li.link label {color: #F2A3C6; font-style: italic;}
				ul#user_infos_list li.link a.validate_btn {display: inline; float: right; margin: 0 25px 0 0;}
	p#mailing_merci {width: 570px; margin: 10px auto; font-weight: bold;}
	
/* BUTTONS */
a#arrowBtn {display: block; height: 24px; background: transparent url(../ximg/arrowBtnBgRight.gif) no-repeat center right;}
	a#arrowBtn span {display: block; height: 24px; background: transparent url(../ximg/arrowBtnBgLeft.gif) no-repeat center left; padding: 0 10px 0 25px; color: #001339; font-weight: bold; font-size: 15px; line-height: 24px; cursor: pointer;}
a#balloonBtn {display: block; height: 29px; background: transparent url(../ximg/balloonBtnBgRight.gif) no-repeat center right;}
	a#balloonBtn span {display: block; height: 29px; background: transparent url(../ximg/balloonBtnBgLeft.gif) no-repeat center left; padding: 0 10px 0 20px; color: #001339; font-weight: bold; font-size: 15px; line-height: 29px; cursor: pointer;}
/***********/


/* COLLECTIONS */
div.backstage_list_content {overflow: hidden;}
	div#backstage_layer {position: relative; width: 636px; height: 420px; margin: 0 auto; background: transparent url(../ximg/loader_video.gif) no-repeat 208px 225px;}
		div#player-edenpark {width: 640px; height: 410px; position: relative; overflow: hidden;}
			a#edenPlayer {position: relative; z-index: 10;}
				a#edenPlayer object {position: relative; z-index: 10;}
			div#eden {position: relative; top: -45px; z-index:999; background:url(../ximg/bg-button-bar.png) repeat-x;}
			div#btn-play, 
			div#btn-pause {display: none; position: absolute; top: 160px; left: 234px; z-index:999; width: 172px; height: 112px;}
				a#a-btn-play, 
				a#a-btn-pause {width: 172px; height: 112px; display: block;}
				a#a-btn-play:hover, 
				a#a-btn-pause:hover {background-position: 0px -112px;}
					a#a-btn-play span, 
					a#a-btn-pause span {display: none;}
				a#a-btn-play {background: url(../ximg/large-play.png) top no-repeat;}
				a#a-btn-pause {background: url(../ximg/large-pause.png) top no-repeat;}
			div.eden {height: 45px; width: 640px;}
			/* play/pause button */
				div.eden a.play, 
				div.eden a.pause {position: absolute; left: 0; top: 2px; width: 58px;	height: 39px; display: block; text-indent: -9999em;	background: url(../ximg/button-play.png) no-repeat -5px -61px; cursor: pointer;	border-right: 1px solid #39384e;}
				div.eden a.play:hover {background-position: -5px -106px;}
			/* pause state */
				div.eden a.pause {background-position: -5px -150px;}
				div.eden a.pause:hover {background-position: -5px -193px;}
			/* the timeline (or "scrubber")  */
				div.eden div.track {left: 320px; position: absolute; cursor: pointer; top: 2px; padding-top: 10px; width: 300px; height: 28px;}
			/* the draggable playhead */
				div.eden div.playhead {position: absolute; cursor: pointer; background-color: #fff; width: 2px; height: 17px; margin-top: 2px;}
			/* buffer- and progress bars. upon runtime the width of these elements grows */
				div.eden div.progress, 
				div.eden div.buffer {position: absolute; top: 11px; left: 0; width: 0px; height: 20px;}
				div.eden div.progress {background: url(../ximg/bg-buffer-bar.png) repeat-x;}
				div.eden div.buffer {background: url(../ximg/bg-lecture-bar.png) repeat-x;}
			/* time display */
				div.eden div.time {position: absolute; top: 2px; height: 28px; width: 90px; left: 226px; padding: 13px 0 0; text-align: center; border-left: 1px solid #ccc; font-family: Arial,"Lucida Grande","bitstream vera sans","trebuchet ms",verdana,arial;	font-size: 12px; color: #25252e;}
			/* total duration in time display */
				div.eden div.time strong {font-weight: normal;}
			/* mute / unmute buttons */
				div.eden a.mute, 
				div.eden a.unmute {position: absolute; top: 2px; left: 59px; width: 55px; height: 22px; text-align: center; padding: 8px 0; cursor: pointer; text-indent: -9999em; background: url(../ximg/button-play.png) no-repeat -5px -321px; border-left: 1px solid #ccc;}
				div.eden a.mute:hover {background-position: -5px -364px;}
			/* unmute state */
				div.eden a.unmute {background-position: -5px -235px;}
				div.eden a.unmute:hover {background-position: -5px -276px;}
			/* volume button */
				div.eden div.volumetrack {left: 115px; position: absolute; cursor: pointer; top: 2px; padding-top: 10px; width: 110px; height: 28px; border-right: 1px solid #39384e;}
			/* the draggable playhead */
				div.eden div.volumeplayhead {position: absolute; cursor: pointer; background-color: #fff; width: 2px; height: 17px; margin-top: 2px;}
			/* buffer- and progress bars. upon runtime the width of these elements grows */
				div.eden div.volumeprogress, 
				div.eden div.volumebuffer {position: absolute; top: 11px; left: 0; width: 0px; height: 20px;}
				div.eden div.volumeprogress {background: url(../ximg/bg-buffer-bar.png) repeat-x;}
				div.eden div.volumebuffer {ackground: url(../ximg/bg-lecture-bar.png) repeat-x;}