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

#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:#FFFFFF; }
#header { margin:auto; width:900px; height:54px; }
#logo { float:left; background:url(images/menu/logos.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:711px; 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 { margin:auto; height:630px; width:868px; padding:15px; border:#CCCCCC solid 1px; }
#wrap1 { margin:auto; height:630px; width:868px; padding:15px; border:#CCCCCC solid 1px; }
#wrapins { margin:auto; height:640px; width:868px; 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; }

#connexion { margin-top:30px; background:url(images/menu/log.png); margin-right:10px; height:110px; padding-top:10px; padding-right:30px; float:right; width:290px; }
#login { padding:5px; text-align:center; float:left; width:165px; height:200px; }
#logint { margin-bottom:20px; float:left; width:500px; color:#FFFFFF; font-size:16px; }
#log { color:#666666; padding-right:10px; }

#content { background:url(images/sitemenu/content.png)no-repeat; padding-left:15px; height:650px; padding-top:30px; float:right; width:635px; }
#content1 { padding-top:30px; padding-left:10px; background:url(images/sitemenu/content.png) no-repeat;height:650px; float:right; width:640px; }
#contentcon { padding:4px 5px 5px 10px; background:url(images/menu/connexion.png) no-repeat; width:520px; margin:120px auto 0 auto ; height:275px; }
#content h1 { margin-top:0px; padding-bottom:5px; font-size:15px; border-bottom:#CCCCCC solid 1px; }

#subcon { height:360px; width:630px; overflow:auto; }

#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; }

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; text-align:justify}
TD.menu {FONT-SIZE: 10pt; 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 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 */

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;}
div.sdmenu div:first-child {background: url(images/sitemenu/toptitle.gif) no-repeat;}
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 : #66CC33 url(images/sitemenu/linkarrow.gif) no-repeat right center; color: #fff; text-decoration: none;}