body {FONT-SIZE: 7.5pt; FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif;}
#body { margin:auto; width:1000px; }
#texte { background:#EFEFEF; padding:5px; margin-bottom:-15px; width:524px; }

#footer { float:left; width:980px; padding:10px; height:15px; text-align:center; background:url(images/menu/footer.png) no-repeat;}

#help { padding:5px; background:#95BFEE; color:#333333; border:#0066FF 1px solid; margin-bottom:15px; }
#warning { background:#FFCC66; border:#FF3300 1px solid; padding:5px; margin-bottom:15px; }

#ie { color:#009900; }
#header { margin:auto; width:1000px; height:54px; }
#logo { float:left; background:url(images/menu/logo.png) no-repeat; width:167px; height:54px;}
#logos { float:left; background:url(images/menu/logos.png) no-repeat; width:167px; height:54px;}
#hb { text-align:right; color:#FFFFFF; padding-top:30px; float:left; background:url(images/menu/hb.png) repeat-x; width:811px; height:24px; }
#hbl { float:left; background:url(images/menu/hbl.png) no-repeat; width:11px; height:54px; }
#hbr { float:left; background:url(images/menu/hbr.png) no-repeat; width:11px; height:54px; }

#wrap { float:left; min-height:450px; width:966px; padding:15px; border-left:#CCCCCC solid 2px; border-right:#CCCCCC solid 2px; }
#wrap1 { margin:auto; height:520px; width:968px; padding:15px; border:#CCCCCC solid 1px; }
#wrapins { margin:auto; height:480px; width:968px; padding:15px; border:#CCCCCC solid 1px; }

#etape { padding:15px; float:left; width:170px; height:370px; border:#CCCCCC solid 1px; }
#etape h1 { margin-top:-5px; padding-bottom:5px; font-size:15px; border-bottom:#CCCCCC solid 1px; }
.etape { border:#CCCCCC solid 1px; margin-bottom:5px; padding:7.5px; height:13px; background:#E8E8E8; }
.etapa { border:#CCCCCC solid 1px; margin-bottom:5px; padding:7.5px; height:13px; background:#E8E8E8; color:#66CC00; }

#log { color:#666666; padding-right:10px; }
#p_image { float:left; width:120px; height:120px; margin-top:40px; }
#p_content { float:right; width:380px; margin-top:60px; text-align:center; height:120px; font-size:12px; padding:10px; }
#p_footer { float:left; color:#666666; font-size:13px; text-align:center; width:520px; height:20px; margin-top:40px; }
#p_footer a { color:#333333; }

#page { height:360px; float:left; width:720px; overflow:auto; }

#content_top {background:url(images/sitemenu/content_top.png) repeat-y; padding-left:15px; height:10px; float:right; width:735px;}
#content_bas {background:url(images/sitemenu/content_bas.png) repeat-y; padding-left:16px; height:10px; float:right; width:735px;}
#content { background:url(images/sitemenu/contents.png); padding-left:15px; min-height:390px; float:right; width:735px; }
#content1 { padding-top:30px; padding-left:10px; background:url(images/sitemenu/content.png) no-repeat; min-height:520px; float:right; width:740px; }
#contentcon { padding:10px; background:url(images/menu/connexion.png) no-repeat; width:520px; margin:140px auto 0 auto ; height:275px; }
#content h1 { margin-top:0px; padding-bottom:5px; font-size:15px; border-bottom:#CCCCCC solid 1px; }

#subcon { min-height:360px; width:720px;}

#option { float:left; margin-top:50px; margin-right:95px; margin-left:95px; padding:5px; border:#CCCCCC solid 1px; width:100px; height:150px; text-align:center; font-size:14px; }
#option h1 { margin-top:4px; border-top:#CCCCCC solid 1px; }

#general { font-family:Arial, Helvetica, sans-serif; margin-top:20px; margin-bottom:20px; font-size:14px; text-align:center; float:left; width:100px; height:120px; margin-left:20px; }
#general img { width:100px; height:100px; }

#compte_option { border:#333333 1px solid; padding:10px; width:280px; }
#compte_option:hover { background:#F2F2F2; cursor:pointer; }
#compte_option a:hover { color:#333333; }

#video_option { border:#333333 1px solid; padding:10px; width:450px; }
#video_option:hover { background:#99FF99; cursor:pointer; }
#video_option a:hover { color:#333333; }

#mess_option { float:left; border:#CCCCCC 1px solid; padding:5px; width:86px; text-align:center; margin:2px; background:#F8F8F8; }
#mess_option:hover { background:#E1E1E1; }
#mess_option a:hover { color:#333333; }
#mess_option_curent { background:#E1E1E1; color:#333333; float:left; border:#CCCCCC 1px solid; padding:5px; width:86px; text-align:center; margin:2px;  }
#mess_option_curent a:hover { color:#333333; }

a {COLOR: #000000; TEXT-DECORATION: none;}
a img { border:none; }
a:hover {TEXT-DECORATION: none; COLOR: #CCCCCC;}
TD {FONT-SIZE: 7.5pt; FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif}
TD.menu {FONT-SIZE: 7.5pt; FONT-FAMILY: Verdana,Geneva,Arial,Helvetica,sans-serif; FONT-WEIGHT: bold; COLOR: #FFFFFF;}
INPUT { color:#000000; font-size:10px; border:0px; font-family:Verdana; border:#CCCCCC solid 1px; }
INPUT[type=radio] { background-color:#FFFFFF; }
TEXTAREA {color:#000000; font-size:10px; border:0px; font-family:Verdana; border:#CCCCCC solid 1px;}
BACK {background:background-color:#F6F6F6;}
.subs { background:url(images/menu/suivant.png) no-repeat; border:none; width:100px; height:26px; float:right; }
.subp { float:left; width:150px; height:26px; border:none; }

/* slide menu installation */

.applemenu{margin: 5px 0; padding: 0; width:620px; /*width of menu*/ border: 1px solid #9A9A9A;}
.applemenu div.silverheader a{background: black url(images/menu/silvergradient.gif) repeat-x center left; font: normal 12px Tahoma, "Lucida Grande", "Trebuchet MS", Helvetica, sans-serif; color: white; display: block; position: relative; width: auto; padding: 5px 0; padding-left: 8px; text-decoration: none;}
.applemenu div.silverheader a:visited, .applemenu div.silverheader a:active{ color: white;}
.applemenu div.selected a, .applemenu div.silverheader a:hover{background-image: url(images/menu/silvergradientover.gif); color: white;}
.applemenu div.submenu{ text-align:right; padding-top:15px; background: white; padding-right: 150px; height: 150px;}

/* menu site membre */

.sdmenu { margin-top:4px; }
div.sdmenu {width: 200px; font-family: Arial, sans-serif; font-size: 12px; padding-bottom: 10px; background: url(bottom.gif) no-repeat  right bottom; color: #fff;}
div.sdmenu div {background: url(images/sitemenu/title.gif) repeat-x; overflow: hidden; margin-bottom:20px;}
div.sdmenu div.collapsed {height: 25px;}
div.sdmenu div span {display: block; padding: 5px 25px; font-weight: bold; color: white; background: url(images/sitemenu/expanded.gif) no-repeat 10px center; cursor: default; border-bottom: 1px solid #ddd;}
div.sdmenu div.collapsed span {background-image: url(images/sitemenu/collapsed.gif);}
div.sdmenu div a {padding: 5px 10px; background: #eee; display: block; border-bottom: 1px solid #ddd; color: #000000;}
div.sdmenu div a.current {background : #ccc;}
div.sdmenu div a:hover {background : #ccc url(images/sitemenu/linkarrow.gif) no-repeat right center; color: #fff; text-decoration: none;}