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; margin-bottom:10px;}

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

#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_con { border:#CCCCCC 2px solid; padding:8px; width:724px; margin-right:4px; float:right; min-height:16px; text-align:center; margin-top:4px; margin-bottom:5px; }
#erreur_c { border:1px dotted #FF3333; width:350px; padding:3px; margin-top:5px; margin-left:auto; margin-right: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:15px; height:10px; float:right; width:735px;}
#content { background:url(../images/sitemenu/contents.png); padding-left:15px; padding-right:15px; min-height:390px; float:right; width:720px; }
#content1 { padding-top:30px; padding-left:10px; background:url(../images/sitemenu/content.png) no-repeat; min-height:520px; float:right; width:720px; }
#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; width:720px; }
#content h3 { margin-top:0px; padding-bottom:5px; font-size:15px; border-bottom:#CCCCCC solid 1px; width:720px; }
#content h2 { margin-top:0px; padding-bottom:5px; font-size:15px; border-bottom:#CCCCCC solid 1px; border-top:1px solid #CCCCCC; }
#content x1 { margin-top:0px; padding-bottom:5px; font-size:15px; border-bottom:#CCCCCC solid 1px; width:720px; }
#subcon { min-height:360px; width:720px;}

#option { float:left; margin:50px 90px 0 90px; padding:10px; border:#CCCCCC solid 1px; width:150px; height:150px; text-align:center; font-size:14px; }
#option h1 { width:100%; border-bottom:none; border-top:1px solid #CCC; margin-top:5px }

#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:240px; }
#compte_option:hover { background:#F2F2F2; cursor:pointer; }
#compte_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: 10pt; 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; }
#submit_m { cursor:pointer; }
XX {color:#C0C0C0; float:left; width:966px; padding:15px; border-right:#CCCCCC solid 2px; padding-top:5px;}
YY {color:#4B4B4B;}
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; margin-right:15px; }
.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;}

.sdmenu1 { margin-top:4px; }
div.sdmenu1 {width: 200px; font-family: Arial, sans-serif; font-size: 12px; padding-bottom: 10px; background: url(bottom.gif) no-repeat  right bottom; color: #000000;}
div.sdmenu1 div {background: url(../images/sitemenu/title.gif) repeat-x; overflow: hidden; margin-bottom:1px;}
div.sdmenu1 div.collapsed {height: 25px;}
div.sdmenu1 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.sdmenu1 div.collapsed span {background-image: url(../images/sitemenu/collapsed.gif);}
div.sdmenu1 div a {padding: 5px 10px; background: #eee; display:-moz-inline-box; display: inline-block; border-bottom: 1px solid #ddd; color: #000000;}
div.sdmenu1 div a.current {background : #ccc;}
div.sdmenu1 div a:hover {background : #ccc no-repeat right center; color: #fff; text-decoration: none;}