body {
background: url(../images/back.gif) center 0 repeat-x #000;
color: #999;
font: normal 11px/1.4em verdana, genevan, sans-serif; 
}

a {
color: #999;
outline: none;
}

a:hover {
color: #eee;
}

p {
margin-bottom: 1.4em;
}

ul li {
color: #999;
padding: 0 0 0.1em 12px;
background: url(../images/bullet.gif) 0 center no-repeat transparent;
}

ul li a {
color: #999;
}

#wrapper {
background: none transparent;
padding: 0 10px;
min-width: 900px;
}

.sub_wrap,
.miniwrapper .sub_wrap {
width: auto;
left: 0;
padding: 0;
margin: 0;
background: none transparent;
}

#wrap_header {
background: none transparent;
margin: 0 0 20px 0;
padding: 0;
}

#wrap_header .sub_wrap {
width: 100%;
margin: 0 auto 0;
max-width: 1400px;
}

.header {
margin: 0;
padding: 0;
height: 51px;
}

#wrap_main .sub_wrap {
max-width: 1400px;
width: 670px;
margin: 0 auto 2em;
background-color: #2a2a2a;
padding: 15px 25px 0;
background: url(../images/back_main.gif) center 0 repeat-x #2a2a2a;
}

.main {
padding-bottom: 3em;
}

.t_side_wrap {
background-image: url(../images/bord_2c.gif);
}

.b_side_wrap {
background: url(../images/bord_2c.gif) 456px 0 repeat-y transparent;
}

.bottom_sidecontent .adresse,
.bottom_sidecontent .telephone,
.bottom_sidecontent .fax {
margin-bottom: 30px;
}

.bottom_sidecontent .adresse h4,
.bottom_sidecontent .telephone h4,
.bottom_sidecontent .fax h4 {
margin-bottom: 2px;
}




/**********************
Tableau list
***********************/

/* TABLE */

table.list {
border: 1px solid #131313;
}


/* TH */

table.list tr th {
color: #343434;
border-right: 1px solid #aaa;
border-bottom: 1px solid #bbb;
background: url(../images/back.gif) left -12px repeat-x #000;
}


/* TD */

table.list td {

border-bottom: 1px solid #191919;
color: #bbb;
background-color: #1C1C1C;
}

table.list tr.odd td {
background-color: #1C1C1C;
border-right: 1px solid #191919;
}

table.list tr.even td {
background-color: #212121;
border-right: 1px solid #1d1d1d;
}









/**********************
Logo
***********************/

.zone_logo {
margin: 0;
height: 48px;
padding: 0 0 0 0;
}

.zone_logo h1 a {
display: block;
width: 127px;
height: 48px;
background: url(../images/logo2.gif) 0 0 no-repeat transparent;
}

.zone_logo h1 a span {
display: block;
width: 0;
height: 0;
overflow: hidden;
}







/**********************
Navigation
***********************/

.top_nav {
float: left;
margin: 14px 0 0 30px;
padding: 0;
width: 425px;
}

.top_nav ul li {
padding: 0;
margin: 0;
float: left;
}

.top_nav ul li a {
text-decoration: underline;
display: block;
padding: 0;
margin: 0;
background: url(../images/nav.gif) 0 0 no-repeat transparent;
text-indent: 9998px;
height: 24px;
}

.top_nav ul li a span {
display: block;
overflow: hidden;
height: 0;
width: 0;
}

.top_nav ul li.tn_accueil a {width: 80px;background-position: 0 -34px;}
.top_nav ul li.tn_apropos a {width: 82px;background-position: -80px -34px;}
.top_nav ul li.tn_monprofil a {width: 91px;background-position: -162px -34px;}
.top_nav ul li.tn_quitter a {width: 74px;background-position: -253px -34px;}
.top_nav ul li.tn_ouvrirunesession a {width: 158px;background-position: -335px -34px;}

.top_nav ul li.tn_accueil a:hover {background-position: 0 0;}
.top_nav ul li.tn_apropos a:hover {background-position: -80px 0;}
.top_nav ul li.tn_monprofil a:hover {background-position: -162px 0;}
.top_nav ul li.tn_quitter a:hover {background-position: -253px 0;}
.top_nav ul li.tn_ouvrirunesession a:hover {background-position: -335px 0;}

#accueil .top_nav ul li.tn_accueil a {background-position: 0 0;}
#apropos .top_nav ul li.tn_apropos a {background-position: -80px 0}
#mesinformations .top_nav ul li.tn_monprofil a {background-position: -162px 0;}
#login .top_nav ul li.tn_ouvrirunesession a {background-position: -335px 0;}

.top_nav ul li.tn_lang a {
background: url(../images/lang.gif) 0 0 no-repeat transparent;
margin-left: 6px;
}

.top_nav ul li.tn_lang a {width: 81px;background-position: -92px -34px;}
.top_nav ul li.tn_lang a:hover {width: 81px;background-position: -92px 0;}





/**********************
Moteur de recherche
***********************/

.search {
padding: 12px 0 0 0;
margin: 0;
float: right;
}

.search form {
margin: 0;
padding: 0;
} 

.search form p {
margin-bottom: 0;
}

.search input {
vertical-align: center;
margin-right: 5px;
margin-top: 2px;
padding: 2px 0 2px 6px;
width: 220px;
font-size: 14px;
float: left;
border: 1px solid #000;
background-color: #111;
color: #fff;
}

.search form button {
margin: 0;
width: 53px;
height: 27px;
display: block;
padding: 0;
border: 0 none;
background: url(../images/bt_search.gif) 0 0 no-repeat transparent;
text-indent: -9999px;
overflow: hidden;
}







/**********************
Footer
***********************/

.footer {
text-align: center;
padding-top: 12px;
border: 0 none;
}

.footer p {
margin-bottom: 9px;
}

.footer .copy p {
margin-top: 16px;
margin-bottom: 16px;
}

.footer .copy p a {
background: none transparent;
text-decoration: underline;
}




/**********************
Contenu
***********************/

.t_section h2 {
border: 0 none;
margin: 0;
padding: 0;
color: #ddd;
font: normal 20px/1.8em "Trebuchet MS", helvetica, arial, sans-serif;
}

h3, h4, .bottom_sidecontent h4 {
color: #ddd;
font: normal 16px/1.8em "Trebuchet MS", helvetica, arial, sans-serif;
}

.bottom_sidecontent div {
margin-bottom: 2em;
}

hr {
color: #363636;
background-color: #363636;
}








/**********************
Mon profil
***********************/

#mesinformations .portrait {
margin: 0 0 15px 0;
padding: 0;
padding: 8px 8px 6px 8px;
float: left;
background: none #1A1A1A;
} 

#mesinformations .portrait div {
background: none transparent;
padding: 0;
}

#mesinformations .portrait div div {
background: none transparent;
padding: 0;
}
	
#mesinformations .portrait div div img {
width: 180px;
height: 180px;
padding: 0;
border: 0 none;
}

#mesinformations .sidecontent ul {
clear: left;
}



form .bt_edit,
form .bt_edit:hover {
width: 119px;
height: 28px;
background: url(../images/form_bt_modifier.gif) 0 0 no-repeat transparent;
border: 0;
display: block;
text-indent: -9999px;
overflow: hidden;
padding: 0;
}


form .bt_cancel,
form .bt_cancel:hover {
width: 106px;
height: 28px;
background: url(../images/form_bt_annuler.gif) 0 0 no-repeat transparent;
border: 0;
display: block;
text-indent: -9999px;
overflow: hidden;
padding: 0;
}










/**********************
Formulaires
***********************/

form h3 {
color: #ddd;
border-bottom: 0 none;
}

p.required em,
form label em,
form div.group p em {
color: #ddd;
}

form div {
border-bottom: 1px solid #363636;
}

form .helpmsg {
background: url(../images/bullet_helptext.gif) 0 1px no-repeat transparent;
}

form label,
form div.group p {
color: #999;
padding: 0 0 0 12px;
background: url(../images/bullet.gif) 0 4px no-repeat transparent;
}

form p.form_button {
height: 28px;
}

form .bt_ok,
form .bt_ok:hover {
background: url(../images/form_bt_ok.gif) 0 0 no-repeat transparent;
border: 0;
padding: 0;
margin: 0;
display: block;
width: 71px;
height: 28px;
text-indent: -9999px;
overflow: hidden;
float: left;
margin-right: 5px;
}

form div.text input,
form div.password input,
form div.textarea textarea,
form div.select select {
background: #ddd;
border: 1px solid #222;
}


form div.text .error input,
form div.password .error input,
form div.textarea .error textarea,
form div.select .error select {
background: #fff;
border: 1px solid #f00;
}






/**********************
À propos
***********************/

#apropos .b_side_wrap {
xbackground: none transparent;
background-position: 430px 0;
padding-right: 260px; /*bottom_sidecontent fullwidth + content padding */
}

#apropos .b_side_wrap .content {
position: relative;
float: left;
padding: 0;
width: 100%;
padding: 0 13px 0 0;
}

#apropos .b_side_wrap .bottom_sidecontent {
float: left;
width: 215px; /*212px - padding*/
padding: 0 0 0 30px;
margin-right: -100%;
}	

#apropos .b_side_wrap .bottom_sidecontent p {
width: 197px;
xbackground: url(/images/down_arrow.gif) bottom center no-repeat transparent;
xpadding-bottom: 35px;
color: #888;
font-size: 10px;
line-height: 12px;
margin-bottom: 30px;
}

#apropos .b_side_wrap .bottom_sidecontent p img {
margin-bottom: 3px;
}

#apropos ol {
margin-bottom: 20px;
}







/**********************
Login / Register
***********************/

#login p.intro {
font: normal 12px/1.4em verdana, sans-serif;
color: #bbb;
letter-spacing: 0;
margin-bottom: 1.6em;
}

.split {
padding: 0 350px 0 0;
margin: 0 0 12px 0;
border: 0 none;
}

.split_gauche {
position: relative;
width: 100%;
float: left;
padding: 0;
margin: 0;
background: #222;
}

.split_droit {
float: left;
width: 320px;
padding: 0;
margin: 0 -100% 0 0;
position: relative;
left: 25px;
background: #222;
}

#login p.required {
display: none;
}

#login .box3 {
background: none transparent;
padding: 10px 14px 8px;
}

#login .box3 div,
#login .box3 .box3 div {
padding: 0;
background: none transparent;
}

#login .box3 .box3 .box_body {
height: 15.4em;
padding-bottom: 3em;
position: relative;
color: #999;
}

#login .login p {
margin-bottom: 10px;
}



#login form em {
display: none;
}

#login .login ul {display: none;}
#login .login form .checkbox {display: none;}

#login form div {
margin: 0;
padding: 0;
border: 0 none;
}

#login form div.text input {
padding: 1px;
}

#login form .helpmsg {
background: url(../images/bullet_helptext.gif) 0 1px no-repeat transparent;
}



#login form div.text {
margin-bottom: 12px;
}

#login .register div.text {
margin-top: 12px;
border-top: 1px solid #363636;
}

#login .register div.text label{
margin-top: 12px;
}




#login form .error {
border: 0 none;
background: none transparent;
}

#login .register div.text .error {
margin-top: 12px;
}

#login .box3 div.text .error,
#login .box3 div.password .error {
position: relative;
padding-top: 17px;
}

#login form .error label {
display: none;
}

#login form .error .helpmsg a {
color: #999;
}

#login form .error .errormsg {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding-left: 12px;
background: url(../images/bullet_form_error.gif) 0 center no-repeat transparent;
}

#login form .error input {
border-color: #DA1515; 
background-color: #ffdcdc; 
}

#login form .bt_ok {
position: absolute;
bottom: 10px;
left: 10px;
padding: 0;
margin: 0;
}

form#user-new .bt_ok,
form#recover .bt_ok,
form#register .bt_ok,
form#user-info .bt_ok {
background: url(../images/form_bt_continuer.gif) 0 0 no-repeat transparent;
width: 119px;
height: 28px;
padding: 0;
}

form#login .bt_ok {
background: url(../images/form_bt_ouvrirunesession.gif) 0 0 no-repeat transparent;
width: 183px;
height: 28px;
padding: 0;
}

.register p {
margin-bottom: 0.7em;
}








#accreditation form p.required {
display: none;
}
.nav-container{
	display:none;
}