body {height: 100%; margin: 0;padding: 0;background : #444444; text-align : center; overflow: hidden; font-size: 12px; color: #333333; font-family: Tahoma, Verdana} 
html {overflow: hidden; height: 100%}

/* A */
a {background : transparent; color : #F6726A;} 
a img {border: 0}
a:link, a:visited {text-decoration : underline; color : blue;}
a:hover, a:active {text-decoration : underline overline; color : red;}
a.souscat:link, a.souscat:visited {text-decoration : none; color : #F6726A; font-size : 10px;}
a.souscat:hover, a.souscat:active {text-decoration : underline overline; color : red; font-size : 10px;}

/* MENU */
#menu {background : #F6726A; display:block; margin:0; padding:0;}
#menu ul {background : #F6726A; margin: 0; padding: 0; position:absolute; display:block; width: 155px;}
#menu li ul{display:none; background : #F6726A; margin: -25px 0 0 150px; padding: 0; width: 155px; text-align:center;}
#menu li li ul {position:absolute; top:auto; left:auto; margin-left:155px; margin-top:-16px; width: 155px;}
#menu li {list-style-image: none; list-style:none; height:auto; display:inline; float:left; margin:0; padding:0 0 0 15px; width: 155px; text-align:left;}
#menu li li {display:block; float:none; list-style-image: none;}
#menu a {background: #F6726A; color: #444444; font-size:12px; font-weight: bold; display:block; text-decoration:none; padding: 5px 10px 4px 10px; margin:0;}
#menu li li a {background: #F6726A; color: #444444; font-size:12px; font-weight: bold; display:block; text-decoration:none; padding: 5px 10px 4px 10px; margin:0;}
#menu a:hover {background: #F6726A; text-decoration: none; color: #FFFFFF;}
#menu li li a:hover {background: #F6726A; text-decoration: none; color: #FFFFFF;}

#submenu {background : #BBBBBB; display:block; margin:0 0 0 170px; padding:0; letter-spacing: 0px;}
#submenu ul {background : #BBBBBB; margin: 0; padding: 0; position:absolute; display:block; width: 600px;}
#submenu li ul{display:none; background : #BBBBBB; margin: -25px 0 0 150px; padding: 0; width: 155px; text-align:center;}
#submenu li li ul {position:absolute; top:auto; left:auto; margin-left:155px; margin-top:-16px; width: 155px;}
#submenu li {list-style-image: none; list-style:none; height:auto; display:inline; float:left; margin:0; padding:0; width: auto; text-align:left;}
#submenu li li {display:block; float:none; list-style-image: none;}
#submenu a {background: #BBBBBB; color: #444444; font-size:10px; font-weight: bold; display:block; text-decoration:none; padding: 2px 10px 2px 10px; margin:0;}
#submenu li li a {background: #BBBBBB; color: #444444; font-size:10px; font-weight: bold; display:block; text-decoration:none; padding: 2px 10px 2px 10px; margin:0;}
#submenu a:hover {background: #BBBBBB; text-decoration: none; color: #FFFFFF;}
#submenu li li a:hover {background: #BBBBBB; text-decoration: none; color: #FFFFFF;}

/* AUTRES */
table.adm {width : 100%; margin : auto; text-align : left;}
ul {list-style-image:url(../images/puce1.gif);}
ul ul {list-style-image:url(../images/puce2.gif);}
ul ul ul {list-style-image:url(../images/puce3.gif);}
ul ul ul ul {list-style-image:url(../images/puce4.gif);}
input, select {font-family: Verdana; font-size : 10px;}
textarea {border : 1px solid #BBBBBB;}
ul.limg, ul.arti, ul.results {list-style-position : inside; list-style-type : circle; text-align : left;}

/* DIVERS */
.left {text-align : left;}
.center {text-align : center;}
.right {text-align : right;}
.justify {text-align: justify;}
.top {vertical-align : top;}
.middle {vertical-align : middle;}
.bottom {vertical-align : bottom;}
.bold {font-weight : bold;}
.noborder {border : 0;}
.nowrap{white-space: nowrap;}
.hidden {display : none;}

/* ADMIN */
.admtitle {background : #daf0f3; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000;}
.adm1 {background : #ffffcc; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000;}
.adm2 {background : #ffcc99; font-family : Helvetica, Arial, serif; font-size : 13px; color : #000000;}
.admin {font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 15px; color : #000000; font-weight : bold; background : transparent;}
ul.arbo td.img {cursor: pointer; width: 16px;}
ul.arbo, ul.arbo ul {text-align: left; list-style-type:none;}
ul.arbo li {list-style-type:none; list-style-image: none; margin-left: -20px;}
ul.arbo ul {display:none;}
ul.arbo td.name {width:250px;}

/* DIRECTORY */
.vote {margin : auto; width : 150px; color : black; font-family : Verdana, serif; font-size : 10px; border : 1px dashed #FFB400; text-align : center; vertical-align : middle;}
.sublink {margin : auto; width : 550px; color : black; font-family : Verdana, serif; font-size : 10px; text-align : center; border : 1px dashed #FFB400;}
.categ {text-align : left; vertical-align : top; width : 100%;}
.titre {font-family :Helvetica, Arial, serif; font-size : 11px; background : #fff; color : #000000; text-align : left;}
.cat {font-family : Helvetica, Arial, serif; font-size : 11px; background : #ffe8cf; color : #000000; text-align : left;}
.desc {font-family : Helvetica, Arial, serif; font-size : 11px; background : transparent; color : #000000; border : 1px solid #BBBBBB; text-align : left;}
.nbsouscat {font-family : Helvetica, Arial, serif; font-size : 9px; color : #A2BCD6; font-weight : normal; background : transparent;}
.nbcat {font-family : Helvetica, Arial, serif; font-size : 10px; color : #A2BCD6; font-weight : normal; background : transparent;}

.help {font-family : Helvetica, Arial, serif; font-size : 11px; color : #006699; font-weight : normal; background : transparent;}
.obfield {font-family : Helvetica, Arial, serif; font-size : 11px; color : #000000; font-weight : bold; background : transparent;}
.keywords {font-family : Arial, serif; font-size : 11px; color : red; font-weight : bold; background : transparent;}
.search {margin : auto; text-align : center; font-size : 14px; width : 100%;}
.error {font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 18px; color : #ff0000; font-weight : bold; background : transparent;}
.tmp {font-size : 10px; text-align : center; display: none;}
.title {text-align: center; font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 18px; color : #000000;}
.barrenavig {font-family : Helvetica, Arial, serif; font-size : 11px; background : #fff url(../images/bg-menu-h.png); color : #000000; text-align : left;}
.header {margin : auto; width : 780px; height : 100px; text-align : left;}
.body {text-align:left; background : #fff; width: 1000px; height: 100%; border: none/*1px solid #FFB400*/; vertical-align : top; display: table; margin: auto;}
.content {text-align: center; margin: auto; vertical-align: top;}
.newsletter {width : 130px; color : black; font-family : Verdana, serif; font-size : 10px; background : #FFCE58 url(../images/bg-menu.gif) repeat-x top; border : 1px dashed #FFB400; text-align : center; margin: auto;}
.transfer {margin: 30px auto auto auto; width : 250px; color : black; font-family : Verdana, serif; font-size : 10px; border : 1px dashed #FFB400; text-align : center;}
.submsg {margin : auto; width : 350px; color : black; font-family : Verdana, serif; font-size : 10px; border : 1px dashed #FFB400; text-align : center;}
.imgnews {border : 0; float : right;}
.tbcont {margin : auto; text-align : center; font-size : 14px; width : 800px;}
.tbmsg {margin : auto; text-align : center; font-size : 14px; width : 90%;}
.tbimg {margin : auto; text-align : center; font-size : 14px; width : 800px;}
.imgbrowser {border : thin groove #FFCC66; margin : auto; text-align : center; font-size : 14px; width : 600px;}
.msg {text-align : right;}
.authart {text-align : right; margin-top : 20px;}
.article {text-align : justify;}
.title_img1 {font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 20px; color : #ffffff;}
.title_img2 {font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 16px; color : #ffffff;}
.empty {font-family : Viner Hand ITC, Helvetica, Arial, serif; font-size : 17px; color : #000000; background : transparent;}

/*/////////////////////////////////////////////////////////////////////
//------------------------------ PERSO ------------------------------//
/////////////////////////////////////////////////////////////////////*/

.left_part {width: 170px; height: 100%; text-align : center; vertical-align : top; background : #F6726A; display: table-cell; z-index: 1;}
#text {
	overflow-y:auto;
	text-align:left;
	vertical-align:top;
	width:830px;
	display:block;
	height: 100%;
}

#footer {background : #BBBBBB; padding:0; height:20px; z-index: 2; width: 1000px; position: absolute; bottom: 0; left: 50%; margin-left: -500px;}
#footer ul {background : #BBBBBB; margin: 0; padding: 0;}
#footer li {list-style:none; height:auto; display:inline; float:right; margin:0; padding:0;}
#footer a {color: #000; font-size:11px; display:block; text-decoration:none; padding: 5px 10px 4px 10px; margin:0;}
#footer a:hover {color: #FFF; text-decoration: none;}

.col {text-align : left; vertical-align : top; width : 34%;}
.disc {margin:auto; width : 290px; color : black; font-family : Verdana, serif; font-size : 10px; background : #FFEDB5 url(../images/bg-menu.gif) repeat-x top; border : 1px dashed #FFB400; text-align : left;}
.form {color : black; font-family : Verdana, serif; font-size : 10px; text-align : center; margin: 3px 0 0 5px; display: block;}
.date {font-weight : bold;}

a.sond:link, a.sond:visited {text-decoration : none; color : #214f7a; background : transparent; font-size : 9px;}
a.sond:hover, a.sond:active {text-decoration : none; color : #214f7a; background : #cbd7e2; font-size : 9px;}
a.sondres:link, a.sondres:visited {text-decoration : none; color : red; background : transparent; font-size : 9px;}
a.sondres:hover, a.sondres:active {text-decoration : none; color : #214f7a; background : #cbd7e2; font-size : 9px;}
.sond {margin : auto; font-size: 9px;}

.categ {height: 50px;}

.fleft {float: left; border: 0}
.fright {float: right; border: 0}

.thumb {float: right; border: 1px solid; width: 120px; height: 90px; margin: 2px;}

.drss {margin:auto; width : 290px; height : 140px; color : black; font-family : Verdana, serif; font-size : 10px; background : #FFEDB5 url(../images/bg-menu.gif) repeat-x top; border : 1px dashed #FFB400; text-align : left;}
.drss a {font-size: 9px;}
.rss {width : 290px; display: none; position: absolute; background : whitesmoke; border : 1px solid silver;}

/* AUTRES */
TD.help {font-family : Helvetica, Arial, serif; font-size : 13px; background : #ffffff; color : #000000;} 

.lang_print {
	background:#BBBBBB none repeat scroll 0 0;
	height:17px;
	letter-spacing:15px;
	padding:0 50px 0 0;
	text-align:right;
	width: 100%;
}

#header {height: 136px;}
h1 {font-size: 15px; color: #777777; font-family: Tahoma, Verdana; border-bottom: 1px solid #BBBBBB; margin: 15px 30px 5px 30px;}
h2 {font-size: 13px; color: #777777; font-family: Tahoma, Verdana; margin-left: 40px;}

.news {margin: auto; width: 90%; margin: auto;}
.onenews {float: left; width: 350px; margin: 10px;}
.onenews .titre {height: 15px;}
.onenews .txt {height: 200px; overflow: auto;}
.onenews .sign {text-align: right; margin-top: 5px;}
.bnavig {clear: both; height: 15px; width: 800px; margin: 15px 0 0 15px;}

.table {display: table}
.row {display: table-row}
.cell {display: table-cell}

.bull {
	color:red;
	font-weight:bold;
	width:100px;
	cursor:pointer;
}

.delevent, .editevent, .delfile, .delmember, .editmember, .exportlist {
	cursor:pointer;
}

#valid_details {width: 100%; margin: auto;}
#valid_details p {text-align: left; height: 20px; clear:both;}
#valid_details p label {width: 200px; float:left;}
#valid_details div {text-align: left; clear:both;}
#valid_details div.textarea label {width: 200px; float:left;}
#member_dialog #valid_details p input, #member_sub #valid_details p input {width: 350px; float:left;}
#event_dialog #valid_details p input {width: 550px; float:left;}
#member_dialog #valid_details p input.checkbox, #event_dialog #valid_details p input.checkbox, #member_sub #valid_details p input.checkbox {width: 10px; float:left;}

#member_sub #valid_details p.radio {float: none;height:auto;}
#member_sub #valid_details p input.radio {width: 10px;}
#member_sub #valid_details p.radio label {width: 150px;}

.event {
	background:#FFFFFF url(/images/back_event.gif) no-repeat scroll 0 0;
	height:25px;
	margin:0 0 5px 55px;
	padding:8px 0 0 20px;
	width:730px;
}
.event .myevent {margin: 0;}
.event .mysubscribe {
	background:transparent url(/images/back_subscribe.gif) no-repeat scroll 0 0;
	color:#FFFFFF;
	float:right;
	font-weight:bold;
	height:25px;
	margin-top:-19px;
	padding:4px 0 3px 8px;
	width:100px;
	cursor: pointer;
}

.mysubscribe a:link, .mysubscribe a:visited, .mysubscribe a:hover, .mysubscribe a:active {color:#FFFFFF; text-decoration: none;}

.mydesc { display: none }
.linkd { margin:-8px 0 0 80px; }

#myDetailEventDialog {text-align: left;font-size: 12px; color: #333333; font-family: Tahoma, Verdana}

.subscribe p, .subevent p, .subevent table {
	clear: both;
	margin: 0 0 5px 80px;
	padding:5px;
}

.subscribe p label, .subevent p label {
	width: 150px;
	float: left;
}

.subscribe p input {
	width: 200px;
	float: left;
}

.subevent input {
	width: 50px;
}

#new_pass {font-size: 10px; color: red; font-weight: bold;}