/* table td{border:1px red solid} */

body{
	/*background: #C4EBB9 url('../images/fontBlancDrd.png') repeat-x;
	vertical-align: top;
	font-size: 14px;*/
}

.formulaire{
	font-family: "lucida grande",tahoma,verdana,sans-serif;
	/*text-align:left;*/ 
}

.frame_c{
	 margin:auto ;width:98%;background-color:#506F43;border:1px #DD3C10 solid; padding:10px;	
}	

.block_page{
	padding-bottom:40px;
	background-image:url(../images/font_2.png);
	margin-bottom:50px;
	text-align:left;
	width:90%;
	color:black;
	height:auto;
	margin-top:5%;
	border:3px solid #669999;
	
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;

}


 
 
.top_bar{
	height:30px;
	background-image:url('../images/01font.png');
}
.x_bar_l{
	float:left;
	padding: 5px 5px 0px 20px;
	color: #C5C5C5;
	font-size:13px;
}
.x_bar_r{
	float:right;
	padding: 5px 20px 0px 5px;
	color: #C5C5C5;
	font-size:13px;
}

.center_bar{
	height:80px;
	margin-top:-1px;
	border-top:1px gray solid;
	background-image:url('../images/01font.png');
}
.img_dgi{
	float:left;
	margin-left:10px;
	background-image:url('../images/logo_.png');
	width:150px; 
	height:77px;

}
.img_cf{
	position: absolute;
	margin-top:0px;
	margin-left:240px;
	height:70px;
	width:800px;
	background:url('../images/lbl_CF.png') no-repeat;
}


.bottom_bar{
	height:40px;
	background-image:url('../images/01font.png');
	border-top:1px gray solid;
}
.bottom_bar_l{
	position:absolute;
	top:inherit;
	left:inherit;
	padding: 5px 5px 0px 20px;
	color: #C5C5C5;
	margin-top: 2px;
}
.menu_btn{
	height:32px;
	width:116px;
	background:url('../images/menu_font_btn_.png') no-repeat 2px 2px;
	text-align:center;
	font-weight: bold;
	color: #333333;
	cursor:pointer;
}

#menu_btn1:hover{
	background:url('../images/menu_font_btn_hover.png') no-repeat 2px 2px;
}
#menu_btn2:hover{
	background:url('../images/menu_font_btn_hover2.png') no-repeat 2px 2px;
}
#menu_btn3:hover{
	background:url('../images/menu_font_btn_hover3.png') no-repeat 2px 2px;
}


.block_corps{
	width: 95%;
	height:auto;
	margin-top: 30px;
	background:#506F43;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
}

.block_corps_2{
	width: 95%;
	height:auto;
	margin-top: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
}

.block_corps_f{
	width: 95%;
	height:460px;
	margin-top: 45px;
	background:url('../images/font_3.png');
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
}

.block_corps_fs{
	width: 85%;
	height:auto;
	margin-top: 30px;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-top-left-radius: 10px 10px;
	border-top-right-radius: 10px 10px;
	border-bottom-right-radius: 10px 10px;
	border-bottom-left-radius: 10px 10px;
}


.corps{
	width:100%;
	height:100%;
}
.corps_l{
	width:70%;
	text-align:center;
	border-right:1px gray solid;
	
}
.corps_r{
	width:23%;
}


.locker{
	position: fixed;
	float:left;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
	background-image: url('../images/photoShadow.png');
	z-index: 998;
	display:none;
}
.locker_ctn{
	margin:auto;
	height:100%;
}

/****** Design life_alert *******/
.ctn_ld{
	width: 652px;
}
.ld_top{
	background:url('../images/ld_top.png') no-repeat;
	height: 47px;
}
.ld_center{
	background:url('../images/ld_center.png') repeat-y;
	padding:20px 40px 20px 40px;
}
.ld_center table{
	width:100%;
}
.ld_center_ico-i{
	background:url('../images/VST01050-32-5.png') no-repeat 8px 10px;
	width: 56px;
	height: 40px;
}
.ld_center_ico-e{
	background:url('../images/VST01055c-32-5.png') no-repeat 4px 16px;
	width: 36px;
	height: 40px
}

.ld_center_ico-c{
	background:url('../images/stop.png') no-repeat 4px 16px;
	width: 36px;
	height: 40px
}

.ld_cmd{
	text-align:center;
}

.ld_center_msg{
	text-align:left;
	padding:20px 20px 20px 40px;
	font: 14px lucida grande,tahoma,"verdana,sans-serif";
}


.ld_bottom{
	background:url('../images/ld_bottom.png') no-repeat;
	height: 25px;
}
.ld_close_img{
	/*position:absolute;
	margin-top:-18px;
	margin-left:610px;*/
	margin-top:20px;
	cursor:pointer;
}
.ld_close_img:hover{
	background-color:red;
	border:2px red solid;
}
.ld_title{
	padding-top:22px;
}

/****** FIN design life_alert *******/

.info_life{
	width:100%;
	height:300px;
	border:1px gray solid;
}
.loading{
	background:url('../images/loading.gif');
	width:300px;
	height:272px;
}

.f_center{
	padding:0px 10px 10px 215px;
}
.f_table1{
	width:100%;
	text-align:left;
}
.leftMenu{
	background:url('../images/font_menuLeft.png') no-repeat;
	width:199px;
	height:508px;
	position:absolute;
	margin-top: -35px;
	margin-left: 0px;
	padding-top:5px;
}
.formulaire .textBox2{
	outline: none;
	width: 245px;
	height: 15px;
	border: 2px solid #CCC;
	padding: 5px;
	margin:4px;
	font-weight: bold;
	font-size: 12px;
	
}
.formulaire .textBox2:focus{
	margin:0px;
	margin-left:-2px;
	margin-top:-4px;
	width:257px;
	height:23px;
	font-weight:bold;
	font-size: 18px;
	background-color:#FFFF99;
}

.formulaire select{
	height: 30px;
	border: 2px solid #CCC;
	font-weight: bold;
	/*margin-top:0px;*/
	margin:4px;
	
}
.formulaire label{
	font: 14px "lucida grande",tahoma,verdana,sans-serif;
	/*font-weight: bold;*/
}

h1{
	font-familly: "lucida grande",tahoma,verdana,sans-serif;
	/*font-weight: bold;*/
}

.formulaire .cmd{
		background-image: -webkit-gradient(linear,left top,left bottom,from(whiteSmoke),to(#F1F1F1));
		background-image: -webkit-linear-gradient(top,whiteSmoke,#F1F1F1);
		-webkit-border-radius: 2px;
		-webkit-user-select: none;
		background-color: whiteSmoke;
		background-image: linear-gradient(top,whiteSmoke,#F1F1F1);
		background-image: -o-linear-gradient(top,whiteSmoke,#F1F1F1);
		border: 1px solid gainsboro;
		border: 1px solid rgba(0, 0, 0, 0.1);
		border-radius: 2px;
		color: #666;
		cursor: pointer;
		font-size: 11px;
		font-weight: bold;
		height: 29px;
		line-height: 27px;
		margin: 11px 6px;
		min-width: 54px;
		padding: 0 8px;
		text-align: center;
}
.formulaire .cmd:hover {
background-color:#999999;
color:black;
border:1px #C0C0C0 solid;
}



	.select {
		border: 1px solid #E1E1E1;
		height: 20px;
		margin: 0px;
		padding: 0px;
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-bottom-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
	}
	
	.textbox:hover ,.textbox:focus{
		background-color:#FFFFCC;
	}
	
	.gBox {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-bottom-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
	}
	
	.textbox{
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-bottom-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
		width:100%;
	}
	
	.separat{
		width: 10px;
	}
	
	.cmd{
		border: 1px solid #E1E1E1;
		background:inherit;
		font-weight:bold;
		cursor:pointer;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-bottom-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
	}
	
	#dialog_right_btn, #dialog_left_btn{
		border: 1px solid #E1E1E1;
		background:inherit;
		font-weight:bold;
		cursor:pointer;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-bottom-left-radius: 5px 5px;
		border-bottom-right-radius: 5px 5px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
	}
	
	#dialog_right_btn:hover, #dialog_left_btn:hover{
		background-color:#FFCC66;
		color:white;
	}
	
	.cmd:hover{
	background-color:#FFCC66;
	color:white;
}
	
	.gBox2 {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-bottom-left-radius: 10px 10px;
		border-bottom-right-radius: 10px 10px;
		border-top-left-radius: 10px 10px;
		border-top-right-radius: 10px 10px;
	}
	.block {
		-moz-border-radius: 10px;
		-webkit-border-radius: 10px;
		border-bottom-left-radius: 10px 10px;
		border-bottom-right-radius: 10px 10px;
		border-top-left-radius: 10px 10px;
		border-top-right-radius: 10px 10px;
	}
	.td1{
	padding-right:15px
}

.frame {
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-top-left-radius: 10px 10px;
border-top-right-radius: 10px 10px;
border-bottom-right-radius: 10px 10px;
border-bottom-left-radius: 10px 10px;
}




/********************************************************/
/************ STYLE MSGBOX ******************************/



/* BOUTTON */
button{border:0 none;background:transparent;color:#EBEBEB;font:normal 12px verdana,tahoma,helvetica;cursor:pointer;margin:0;overflow:visible;width:auto;-moz-outline:0 none;outline:0 none;}
/*.box_left,.box_center,.box_right{background:url(../images/bx/box_.png) repeat-x;}*/
.btn-left{width:5px;height:27px;background:url(../images/bx/btn.png) no-repeat 0 0;}
.btn-right{width:5px;height:27px;background:url(../images/bx/btn.png) no-repeat 0 -54px;}
.btn-left i,.btn-right i{display:block;width:5px;overflow:hidden;font-size:1px;line-height:1px;}
.btn-center{background:url(../images/bx/btn.png) repeat-x 0 -27px;color:#EBEBEB;vertical-align:middle;text-align:center;padding:0 5 0 5;cursor:pointer;white-space:nowrap;}
.btn_over .btn-left{background-position:0 -81px;}
.btn_over .btn-right{background-position:0 -135px;}
.btn_over .btn-center{background-position:0 -108px;color:white;}
.btn_click .btn-left{background-position:0 -162px;}
.btn_click .btn-center{background-position:0 -189px;}
.btn_click .btn-right{background-position:0 -216px;}
.btn_disabled *{color:gray!important;cursor:default!important;}

/* --- Fond transparence, derriè la bopite de dialogueSHADOW  --- */
.x-ie-shadow{display:none;position:absolute;overflow:hidden;left:0;top:0;background:#777;zoom:1;}
.shadow{position:absolute;overflow:hidden;left:0;top:0;}
.shadow *{overflow:hidden;}
.shadow *{padding:0;border:0;margin:0;clear:none;zoom:1;}
.shadow .xstc,.shadow .xsbc{height:6px;float:left;}
.shadow .xstl,.shadow .xstr,.shadow .xsbl,.shadow .xsbr{width:6px;height:6px;float:left;}
.shadow .xsc{width:100%;}
.shadow .xsml,.shadow .xsmr{width:6px;float:left;height:100%;}
.shadow .xsmc{float:left;height:100%;background:transparent url('../images/sw/shadow-c.png');}
.shadow .xst,.shadow .xsb{height:6px;overflow:hidden;width:100%;}
.shadow .xsml{background:transparent url('../images/sw/shadow-lr.png') repeat-y 0 0;}
.shadow .xsmr{background:transparent url('../images/sw/shadow-lr.png') repeat-y -6px 0;}
.shadow .xstl{background:transparent url('../images/sw/shadow.png') no-repeat 0 0;}
.shadow .xstc{background:transparent url('../images/sw/shadow.png') repeat-x 0 -30px;}
.shadow .xstr{background:transparent url('../images/sw/shadow.png') repeat-x 0 -18px;}
.shadow .xsbl{background:transparent url('../images/sw/shadow.png') no-repeat 0 -12px;}
.shadow .xsbc{background:transparent url('../images/sw/shadow.png') repeat-x 0 -36px;}
.shadow .xsbr{background:transparent url('../images/sw/shadow.png') repeat-x 0 -6px;}

/* --- Boite de dialogue --- */
.win-mask{position:absolute;z-index:299;top:0;left:0;opacity: 0.5;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;background:url('../images/photoShadow.png');width:100%;height:100%;zoom:1;}
.window{zoom:1;}
.window .x-resizable-handle{opacity:0;-moz-opacity:0;filter:alpha(opacity=0);}
.window-nofooter .window-bc{height:6px;font-size:0;line-height:0;}
.x-window-proxy{background:#C7DFFC;border:1px solid #99bbe8;z-index:12000;overflow:hidden;position:absolute;left:0;top:0;display:none;opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50);}
.x-window-header{overflow:hidden;zoom:1;}
.x-window-bwrap{z-index:1;position:relative;zoom:1;}
.window-tl .window-header{color:#15428b;font:bold 11px tahoma,arial,verdana,sans-serif;padding:5px 0 4px 0;}
.window-header-text{cursor:pointer;}
.window-tl{background:transparent url('../images/bx/left-corners.png') no-repeat 0 0;padding-left:6px;zoom:1;z-index:1;position:relative;}
.window-tc{background:transparent url('../images/bx/top-bottom.png') repeat-x 0 0;overflow:hidden;zoom:1;}
.window-tr{background:transparent url('../images/bx/right-corners.png') no-repeat right 0;padding-right:6px;}
.window-ml{background:transparent url('../images/bx/left-right.png') repeat-y 0 0;padding-left:6px;zoom:1;}
.window-mc{border:1px solid #99bbe8;padding:0;margin:0;font:normal 11px tahoma,arial,helvetica,sans-serif;background:#CAD9EC;}
.window-mr{background:transparent url('../images/bx/left-right.png') repeat-y right 0;padding-right:6px;zoom:1;}
.window-bl{background:transparent url('../images/bx/left-corners.png') no-repeat 0 bottom;padding-left:6px;zoom:1;}
.window-bc{background:transparent url('../images/bx/top-bottom.png') repeat-x 0 bottom;zoom:1;}
.window-bc .x-window-footer{padding-bottom:6px;zoom:1;font-size:0;line-height:0;}
.window-nofooter .window-bc{height:6px;font-size:0;line-height:0;}
.window-br{background:transparent url('../images/bx/right-corners.png') no-repeat right bottom;padding-right:6px;zoom:1;}
.x-window-body{overflow:hidden;}
.window-bwrap{overflow:hidden;}
.x-window-maximized .window-bl,.x-window-maximized .window-br,.x-window-maximized .window-ml,.x-window-maximized .window-mr,.x-window-maximized .window-tl,.x-window-maximized .window-tr{padding:0;}
.x-window-maximized .x-window-footer{padding-bottom:0;}
.x-window-maximized .window-tc{padding-left:3px;padding-right:3px;background-color:white;}
.x-window-maximized .window-mc{border-left:0 none;border-right:0 none;}
.x-window-tbar .x-toolbar,.x-window-bbar .x-toolbar{border-left:0 none;border-right:0 none;}
.x-window-bbar .x-toolbar{border-top:1px solid #99bbe8;border-bottom:0 none;}
.x-window-draggable,.x-window-draggable .x-window-header-text{cursor:move;}
.x-window-maximized .x-window-draggable,.x-window-maximized .x-window-draggable .x-window-header-text{cursor:default;}
.x-window-body{background:transparent;}

.tool{overflow:hidden;width:15px;height:15px;float:right;background:transparent url(../images/tool-sprites.png) no-repeat;margin-left:2px;}
.tool-close{background-position:0 -0;}
.tool-close-over{background-position:-15px 0;}



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



.ongl { float: left;cursor: pointer;margin-left: 0px; padding: 5px;background: url('../images/TabBkgHighlight.gif') repeat-x -5px -5px;border: 1px #CCCCCC solid;color:#3D5B75;
	-moz-border-radius: 5px;
		border-top-left-radius: 5px 0px;
		border-top-right-radius: 5px 0px;
}
.onglA { float: left;cursor: pointer;margin-left: 0px; padding: 5px;background: url('../images/TabBkgActive.gif') repeat-x -5px -5px;border: 1px #CCCCCC solid;color:#3D5B75;
	-moz-border-radius: 5px;
		border-top-left-radius: 5px 5px;
		border-top-right-radius: 5px 5px;
}

.lbl_m { margin-left: 5px;cursor: pointer;color:#FFFFFF;padding-left: 20px;background: url('../images/iconCollapsed.gif') no-repeat;}
.lbl_m_ { margin-left: 5px;cursor: pointer;color:#FFFFFF;}
.lbl_m:hover{ color: #800000; }
.lbl_m_:hover{ color: #800000; }

.txt_m_l{ width: 16px;float: left;height: 16px;background: url('../images/iconCollapsed.gif'); }
.txt_m_l_d{ width: 16px;float: left;height: 16px;background: url('../images/iconExpanded.gif'); }
.ctn_ongl{ margin-top: -2px;position:relative;width: 95%;display:none;background-color: #E5F0FE;border:1px #A9C7DA solid;padding: 20px }
.ctn_opt{background-color: #E5F0FE;}

.adminDataCTN{
	border-collapse: collapse;width:100%;margin-right:10px;
}





/*********************** New design ********************/

body{font-family:Arial, Helvetica, sans-serif; font-size:12px; margin:0px; /*background:url(../images/news/bg-body.jpg) no-repeat center 0px scroll; background-attachment:fixed;*/}
img{border:0;}

.myspace{width:965px; margin:0px auto; background: #FFF;}
.myspace .baniere{/*background:url(../images/news/banniere.jpg);*/ background:url(../images/banniere-life-2020.jpg); height:177px;}
.pinCtn{padding:10px 3px; background: #FFF;}
.pinCtn .bk-left{padding:20px 10px;}
.pinCtn .bk-left ul{list-style-type:none; padding:0px; margin:0px;}
.pinCtn .bk-left ul li{float:left; background:#F2F2F2; margin-left:10px;}
.pinCtn .bk-left ul li:hover > a{border:1px #BBBBBB solid;}
.pinCtn .bk-left ul li a{ display:block; text-decoration:none; color:#000; border:1px #FFF solid; padding:10px; font-size:11px; width:130px; height:178px;}
.pinCtn .bk-left .ttl{background:url(../images/news/puce.png) no-repeat 20px center; font-size:20px; padding-left:60px; font-weight:bold;  margin-bottom:15px; border:1px #000 solid;}
.pinCtn .bk-left ul li a .ico{margin-bottom:10px;}
.pinCtn .bk-left ul li a .textBox{height:48px;}
.pinCtn .bk-left ul li a .btn{color:#DDDDDD;}
.pinCtn .bk-left ul li a .btn:hover{color:red;}
.pinCtn .bk-left ul li a .btn div{position: relative; width:79px; height:21px; line-height:21px; background:url(../images/news/btn-01.png) no-repeat right 0px; font-size:12px; float:right; text-align:center;}

.pinCtn .nbsp{width:5px;}

.pinCtn .bk-right{padding:10px; border-left:1px #000 solid; background:url(../images/news/bg-login.png) no-repeat center center; width:245px;}
.pinCtn .bk-right .txt-cnx{ height:57px; background:url(../images/news/logo-auth.png) no-repeat; padding-left:75px; font-size:22px; font-weight:bold; margin-left:15px;}
.pinCtn .bk-right .loginFrame{width:190px; margin:0px auto; margin-top:10px;}
.pinCtn .bk-right .loginFrame .ipLogin{width:180px; border:1px #000 solid; padding:5px; outline: none;}
.pinCtn .bk-right .loginFrame .ipLogin:focus{background-color:#FFFFCC;}
.pinCtn .bk-right .loginFrame .cmdLogin{height:22px; float: right; background:url(../images/news/bg-button22.png) repeat-x; border:1px; line-height:22px; font-weight:bold; cursor:pointer;}
.pinCtn .bk-right .loglien{margin-left:20px; margin-top:20px; color: #000;}
.pinCtn .bk-right .loglien a{text-decoration:none; color:#000; font-weight:bold; display:block; margin-bottom:5px;}
.pinCtn .bk-right .loglien a:hover{color:#F00;}

.menu{border:0px red solid; padding:0px; background: #FFF url(../images/news/bg-menu.png) repeat-x; height:43px;}



.myspace .footer{height:43px; background: #FFF url(../images/news/bg-menu.png) repeat-x;}
.myspace .footer-bar{height:auto; background:#FFF;}
.copieright {text-align:center;font-size:12px;color:#72876A;margin-top:10px; margin-bottom: -2px;padding-bottom: 8px;}
.copieright a {color:#72876A;}
.copieright a:hover {color:#F60;}








.principal {width:985px; border-collapse:collapse; background:none;margin:auto; } 
.principal td{border:0px red solid;}

.top-left-ombre {width:10px;height:10px; background:url(../images/news/top-left-ombre.png) no-repeat 4px 3px;}
.top-right-ombre {width:10px;height:10px; background:url(../images/news/top-right-ombre.png) no-repeat -8px 2px;}
.bottom-left-ombre {width:10px;height:10px; background:url(../images/news/bottom-left-ombre.png) no-repeat 3px -4px;}
.bottom-right-ombre {width:10px;height:10px; background:url(../images/news/bottom-right-ombre.png) no-repeat -8px -4px;}

.left-ombre {width:20px;background:url(../images/news/left-ombre.png) repeat-y 3px 0px}
.right-ombre {width:10px;background:url(../images/news/right-ombre.png) repeat-y -8px 0px}
.top-ombre {height:10px;background:url(../images/news/top-ombre.png) repeat-x 0px 2px}
.bottom-ombre {height:10px;background:url(../images/news/bottom-ombre.png) repeat-x 0px -6px}



.round10{
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	-o-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
}

.round5{
	-webkit-border-radius:5px 5px 5px 5px;
	-moz-border-radius:5px 5px 5px 5px;
	-o-border-radius:5px 5px 5px 5px;
	border-radius:5px 5px 5px 5px;
}



/************* Page interne ***************/
.accCtn .bk-left{width:230px;}
.accCtn .bk-left ul{margin:0px; padding:0px; list-style-type:none; }
.accCtn .bk-left ul li{}
.accCtn .bk-left ul li:last-child{border-bottom:0px;}
.accCtn .bk-left ul li a{text-decoration:none; color:#000; line-height:24px; display:block; background:url(../images/news/bg-menu-vert.png) repeat-x; font-weight:bold; padding-left:5px;}
.accCtn .bk-left ul li a:hover{background:#CCC; background:url(../images/news/bg-menu-vert-h.png) repeat-x; color:#FFF}
.accCtn .bk-left strong{display:block; font-size:30px; margin:0px auto 15px auto;}
.accCtn .bk-left div{padding:10px; background:#ADD588; margin-right:10px;}

.dsg{padding:5px 10px; background:#FCFCFC; border:1px #000 solid;}


.accCtn .bk-right{padding:5px 10px; background:#FCFCFC; border:1px #000 solid;}



/************* Info connecté **************/
/*.menu .infobulle{position:absolute;display:none;margin-top:-5px; margin-left:60px;}
.menu .infobulle ul{list-style-type:none;padding:0;margin:5px 0;}
.menu .infobulle ul li{border-bottom:1px #CCC solid;}
.menu .infobulle ul li a{display:block;line-height:30px;text-decoration:none;color:#000;padding: 3px 20px;}
.menu .infobulle ul li a:hover{background:#EEE;}

.menu .yucs-dock {height: 10px;width: 125px;margin-bottom:-2px;background: url(../images/news/uh_sprite.png) no-repeat right -1934px;margin-left:10px;position:relative; z-index:3;}
.menu .loginfo{position:absolute; margin-left:742px; width:200px; border:0px red solid; padding:0px 3px; font-size:13px; z-index:3; cursor:pointer; margin-top:2px;}
.menu .cmduserInfo{ text-decoration:none; color:#000;;}
.menu .loginfo:hover .infobulle{display:block;}*/

.loginfo{display:block; float:right; margin-right:20px; position:relative; z-index:10px; margin-top:-40px; width:400px;}
.loginfo{ cursor:pointer;}
.loginfo:hover .infobulle{display:block;}

.loginfo .ctninfo{ float:right;}

.yucs-dock{background: url(../images/uh_sprite.png) no-repeat right -1924px; height:20px; margin-bottom:-2px; position:relative; z-index:30;}

.loginfo .infobulle{position:absolute;display:none; margin-left:-129px; margin-top:-15px; width:165px;}
.loginfo .infobulle ul{list-style-type:none;padding:0;margin:5px 0;}
.loginfo .infobulle ul li{border-bottom:1px #CCC solid;}
.loginfo .infobulle ul li a{display:block;line-height:30px;text-decoration:none;color:#000;padding: 3px 20px;}
.loginfo .infobulle ul li a:hover{background:#EEE;}






















/*
 * Menu Effects: A collection of CSS3 menu effects (degrades gracefully in IE8).
 *
 * Don't hesitate to create new effects and remove the ones you don't need.
 *
 * latest version and complete README available on Github:
 * https://github.com/louisremi/menu-effects
 *
 * Copyright 2012 @louis_remi
 * Licensed under the MIT license.
 *
 * Are you using this in a paid work?
 * Send me music http://www.amazon.co.uk/wishlist/HNTU0468LQON
 *
 */
 
 /************* Menu Oblique *******************/
.btn-menu-vert{display:block; width:23px; height:117px; background: url(../images/news/menu.png) no-repeat; border:1px resd solid; margin:0px; padding:0px; margin-left:-1px;}
.btn-menu-vert .submenu{position:absolute; margin-left:23px; margin-top:-94px; width:190px;}
.btn-menu-vert .submenu li{ padding:0px 10px; background:#ADD588;}
.btn-menu-vert .submenu li span{color: #000; line-height: 24px; display: block; background: url(../images/news/bg-menu-vert.png) repeat-x; font-weight: bold; padding:0px 20px;}
.btn-menu-vert .submenu li span:hover{ background:url(../images/news/bg-menu-vert-h.png) repeat-x;}
.btn-menu-vert .submenu li.fst{ background:#ADD588; line-height:70px; text-align:center; font-size:30px; color:#000;}
#main{position:absolute;}
/*.menuObq > li:hover .btn-menu-vert{ background: url(../images/menu-h.png) repeat-x;}*/
/***********************************************/

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

.menuObq ul {
  margin: 0;
}

.menuObq > li {
  position: relative;
  display: inline-block;
  outline: 0;
}

.submenu {
  position: absolute;
  left: 0;
  top: 100%;
  z-index: 0;
  overflow: hidden;
  max-height: 0;
  /* The transition-delay prevents the menu to disappear before the transition is run backward
   * It's ~= length of the animation (.6s) + highest item transition delay (466ms) */
  -webkit-transition: max-height 1ms linear 1s;
     -moz-transition: max-height 1ms linear 1s;
  /* A .submenu should be only revealed when hovering the .menuObq */
  pointer-events: none;
}

.menuObq > li:hover .submenu, .menuObq > li:focus .submenu {
  pointer-events: auto;
  z-index: 10;
  max-height: 2000px;
  -webkit-transition: none;
     -moz-transition: none;
}

/* Progressive Anim
 * ==================================================================
 * This is a lot of redundant code but the result is worth it
 * This should be edited for menus with more or much less than 8 items 
 */

 /* forward */
.menuObq > li:hover .submenu li:nth-child(1) {
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

.menuObq > li:hover .submenu li:nth-child(2) {
  -webkit-transition-delay: 66ms;
     -moz-transition-delay: 66ms;
      -ms-transition-delay: 66ms;
       -o-transition-delay: 66ms;
          transition-delay: 66ms;
}

.menuObq > li:hover .submenu li:nth-child(3) {
  -webkit-transition-delay: 133ms;
     -moz-transition-delay: 133ms;
      -ms-transition-delay: 133ms;
       -o-transition-delay: 133ms;
          transition-delay: 133ms;
}

.menuObq > li:hover .submenu li:nth-child(4) {
  -webkit-transition-delay: 200ms;
     -moz-transition-delay: 200ms;
      -ms-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}

.menuObq > li:hover .submenu li:nth-child(5) {
  -webkit-transition-delay: 266ms;
     -moz-transition-delay: 266ms;
      -ms-transition-delay: 266ms;
       -o-transition-delay: 266ms;
          transition-delay: 266ms;
}

.menuObq > li:hover .submenu li:nth-child(6) {
  -webkit-transition-delay: 333ms;
     -moz-transition-delay: 333ms;
      -ms-transition-delay: 333ms;
       -o-transition-delay: 333ms;
          transition-delay: 333ms;
}

.menuObq > li:hover .submenu li:nth-child(7) {
  -webkit-transition-delay: 400ms;
     -moz-transition-delay: 400ms;
      -ms-transition-delay: 400ms;
       -o-transition-delay: 400ms;
          transition-delay: 400ms;
}

.menuObq > li:hover .submenu li:nth-child(8) {
  -webkit-transition-delay: 466ms;
     -moz-transition-delay: 466ms;
      -ms-transition-delay: 466ms;
       -o-transition-delay: 466ms;
          transition-delay: 466ms;
}

/* backward */
.submenu li:nth-child(1) {
  -webkit-transition-delay: 466ms;
     -moz-transition-delay: 466ms;
      -ms-transition-delay: 466ms;
       -o-transition-delay: 466ms;
          transition-delay: 466ms;
}

.submenu li:nth-child(2) {
  -webkit-transition-delay: 400ms;
     -moz-transition-delay: 400ms;
      -ms-transition-delay: 400ms;
       -o-transition-delay: 400ms;
          transition-delay: 400ms;
}

.submenu li:nth-child(3) {
  -webkit-transition-delay: 333ms;
     -moz-transition-delay: 333ms;
      -ms-transition-delay: 333ms;
       -o-transition-delay: 333ms;
          transition-delay: 333ms;
}

.submenu li:nth-child(4) {
  -webkit-transition-delay: 266ms;
     -moz-transition-delay: 266ms;
      -ms-transition-delay: 266ms;
       -o-transition-delay: 266ms;
          transition-delay: 266ms;
}

.submenu li:nth-child(5) {
  -webkit-transition-delay: 200ms;
     -moz-transition-delay: 200ms;
      -ms-transition-delay: 200ms;
       -o-transition-delay: 200ms;
          transition-delay: 200ms;
}

.submenu li:nth-child(6) {
  -webkit-transition-delay: 133ms;
     -moz-transition-delay: 133ms;
      -ms-transition-delay: 133ms;
       -o-transition-delay: 133ms;
          transition-delay: 133ms;
}

.submenu li:nth-child(7) {
  -webkit-transition-delay: 66ms;
     -moz-transition-delay: 66ms;
      -ms-transition-delay: 66ms;
       -o-transition-delay: 66ms;
          transition-delay: 66ms;
}

.submenu li:nth-child(8) {
  -webkit-transition-delay: 0s;
     -moz-transition-delay: 0s;
      -ms-transition-delay: 0s;
       -o-transition-delay: 0s;
          transition-delay: 0s;
}

/* Default
 ================================================================= */
.submenu li {
  opacity: 0;

  -webkit-transition: opacity .4s, -webkit-transform .6s, max-height .6s;
     -moz-transition: opacity .4s,    -moz-transform .6s, max-height .6s;
      -ms-transition: opacity .4s,     -ms-transform .6s, max-height .6s;
       -o-transition: opacity .4s,      -o-transform .6s, max-height .6s;
          transition: opacity .4s,         transform .6s, max-height .6s;
}

.menuObq > li:hover .submenu li, .menuObq > li:focus .submenu li {
  opacity: 1;

  -webkit-transform: none;
     -moz-transform: none;
      -ms-transform: none;
       -o-transform: none;
          transform: none;
}

/* Helix
 ================================================================= */
.helix {
  -webkit-perspective: 400px;
     -moz-perspective: 400px;
      -ms-perspective: 400px;
       -o-perspective: 400px;
          perspective: 400px;
}

.helix li {
  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
       -o-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

/* Wave
 ================================================================= */
.wave li {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;

  -webkit-transform: skewY(-90deg);
     -moz-transform: skewY(-90deg);
      -ms-transform: skewY(-90deg);
       -o-transform: skewY(-90deg);
          transform: skewY(-90deg);
}

/* Fan
 ================================================================= */
.fan li {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;

  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

/* Papercut
 ================================================================= */
.papercut {
  -webkit-perspective: 600px;
     -moz-perspective: 600px;
      -ms-perspective: 600px;
       -o-perspective: 600px;
          perspective: 600px;

  -webkit-perspective-origin: 0% 0%;
     -moz-perspective-origin: 0% 0%;
      -ms-perspective-origin: 0% 0%;
       -o-perspective-origin: 0% 0%;
          perspective-origin: 0% 0%;
}

.papercut li {
  -webkit-transform-origin: 0% 0%;
     -moz-transform-origin: 0% 0%;
      -ms-transform-origin: 0% 0%;
       -o-transform-origin: 0% 0%;
          transform-origin: 0% 0%;

  -webkit-transform: skewY(30deg);
     -moz-transform: skewY(30deg);
      -ms-transform: skewY(30deg);
       -o-transform: skewY(30deg);
          transform: skewY(30deg);
}

/* Fly
 ================================================================= */
.fly {
  -webkit-perspective: 400px;
     -moz-perspective: 400px;
      -ms-perspective: 400px;
       -o-perspective: 400px;
          perspective: 400px;
}

.fly li {
  -webkit-transform-origin: 50% 50% -50px;
     -moz-transform-origin: 50% 50% -50px;
      -ms-transform-origin: 50% 50% -50px;
       -o-transform-origin: 50% 50% -50px;
          transform-origin: 50% 50% -50px;

  -webkit-transform: rotateX( -180deg );
     -moz-transform: rotateX( -180deg );
      -ms-transform: rotateX( -180deg );
       -o-transform: rotateX( -180deg );
          transform: rotateX( -180deg );
}

/* Blind
 ================================================================= */
.blind li {
  max-height: 0;
}

.menuObq > li:hover .blind li, .menuObq > li:focus .blind li {
  /* This should be changed to the normal height of list-items */
  max-height: 30px;
}

/* Venitian
 ================================================================= */
.venitian li {
  -webkit-transform-origin: 50% 0;
     -moz-transform-origin: 50% 0;
      -ms-transform-origin: 50% 0;
       -o-transform-origin: 50% 0;
          transform-origin: 50% 0;

  -webkit-transform: scale(1,0);
     -moz-transform: scale(1,0);
      -ms-transform: scale(1,0);
       -o-transform: scale(1,0);
          transform: scale(1,0);
}

/* Jaws
 ================================================================= */
.jaws li {
  -webkit-transform-origin: 50% -100px;
     -moz-transform-origin: 50% -100px;
      -ms-transform-origin: 50% -100px;
       -o-transform-origin: 50% -100px;
          transform-origin: 50% -100px;
}

.jaws li:nth-child(odd) {
  -webkit-transform: rotate(90deg);
     -moz-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
       -o-transform: rotate(90deg);
          transform: rotate(90deg);
}

.jaws li:nth-child(even) {
  -webkit-transform: rotate(-90deg);
     -moz-transform: rotate(-90deg);
      -ms-transform: rotate(-90deg);
       -o-transform: rotate(-90deg);
          transform: rotate(-90deg);
}

/* Fence
 ================================================================= */
.fence {
  -webkit-perspective: 600px;
     -moz-perspective: 600px;
      -ms-perspective: 600px;
       -o-perspective: 600px;
          perspective: 600px;
}

.fence li:nth-child(odd) {
  -webkit-transform-origin: 0 50%;
     -moz-transform-origin: 0 50%;
      -ms-transform-origin: 0 50%;
       -o-transform-origin: 0 50%;
          transform-origin: 0 50%;

  -webkit-transform: rotateY(90deg);
     -moz-transform: rotateY(90deg);
      -ms-transform: rotateY(90deg);
       -o-transform: rotateY(90deg);
          transform: rotateY(90deg);
}

.fence li:nth-child(even) {
  -webkit-transform-origin: 100% 50%;
     -moz-transform-origin: 100% 50%;
      -ms-transform-origin: 100% 50%;
       -o-transform-origin: 100% 50%;
          transform-origin: 100% 50%;

  -webkit-transform: rotateY(-90deg);
     -moz-transform: rotateY(-90deg);
      -ms-transform: rotateY(-90deg);
       -o-transform: rotateY(-90deg);
          transform: rotateY(-90deg);
}

/* Zipper
 ================================================================= */
.zipper li:nth-child(odd) {
  -webkit-transform: translateX(-100%);
     -moz-transform: translateX(-100%);
      -ms-transform: translateX(-100%);
       -o-transform: translateX(-100%);
          transform: translateX(-100%);
}

.zipper li:nth-child(even) {
  -webkit-transform: translateX(100%);
     -moz-transform: translateX(100%);
      -ms-transform: translateX(100%);
       -o-transform: translateX(100%);
          transform: translateX(100%);
}