#wrapper {
background: url(../images/light/back_header.gif) 0 0 repeat-x #fff;
}

#wrap_header {
background: none transparent;
height: 99px;
/*margin: 0 0 14px 0;*/
padding: 0;
}

#wrap_main {
margin-bottom: 25px;
}

.header {
background: none transparent;
height: 99px;
margin: 0;
padding: 0;
}

.sub_wrap {
width: 750px;
margin-left: -375px;
}

.wrap_sidebar {
background: url(/resources/acs-templating/cn/images/border.gif) 462px 0 repeat-y transparent;
padding-right: 300px; /* sidebar fullwidth + main padding*/
}

.sidebar {
width: 275px;
}

.b_side_wrap {
background: url(/resources/acs-templating/cn/images/border.gif) 462px 0 repeat-y transparent;
padding-right: 300px;
}

.b_side_wrap .bottom_sidecontent {
width: 275px;
}	

.sidecontent h4 {
color: #005DA5;
}

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

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

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

p.intro {
font: normal 14px/19px helvetica, arial, verdana, sans-serif;
color: #222;
margin-bottom: 15px;
}





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

.zone_logo {
margin: 0;
height: 80px;
padding: 10px 0 0 0;
}

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

.zone_logo h1 a span {
display: none;
}

.secure {
width: 39px;
height: 47px;
display: block;
overflow: hidden;
text-indent: -9999px;
background: url(../images/light/cadena.gif) 0 0 no-repeat transparent;
float: right;
}





/**********************
Box
***********************/

.box3 {
background-color: #EBEBEB;
}

.box3 .chg { background: url(../images/light/box1/chg.gif) no-repeat top left transparent;}
.box3 .chd { background: url(../images/light/box1/chd.gif) no-repeat top right transparent;}
.box3 .cbd { background: url(../images/light/box1/cbd.gif) no-repeat bottom right transparent;}
.box3 .cbg { background: url(../images/light/box1/cbg.gif) bottom left no-repeat transparent;}

.box3 .box_body {
padding: 14px 12px 8px;
color: #222;
}

.box3 .box3 {
position: relative;
background-color: #F8F8F8;
margin: 0 0 10px 0;
}

.box3 .box3 .chg { background: url(../images/light/box2/chg.gif) no-repeat top left transparent;}
.box3 .box3 .chd { background: url(../images/light/box2/chd.gif) no-repeat top right transparent;}
.box3 .box3 .cbd { background: url(../images/light/box2/cbd.gif) no-repeat bottom right transparent;}
.box3 .box3 .cbg { background: url(../images/light/box2/cbg.gif) bottom left no-repeat transparent;}

.box3 .box3 .box_body {
padding: 10px 10px 10px;
color: #222;
}

.box3 h3 {
color: #0054a2;
margin-bottom: 4px;
}







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

form p.required {
display: none;
}

form p.form_button button {
margin: 0;
padding: 0;
}

form .bt_ok,
form .bt_ok:hover {
background: url(../../images/form_bt_ok.gif) 0 0 no-repeat transparent;
border: 0;
display: block;
width: 69px;
height: 33px;
text-indent: -9999px;
overflow: hidden;
}

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

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







/**********************
Instructions
***********************/

.instructions h4 {
font: normal 14px/17px helvetica, arial, sans-serif;
color: #444;
}

.instructions p,
.instructions p a {
color: #666;
}

.instructions hr {
margin: 10px 0 13px;
padding: 0;
color: #ddd;
background-color: #ddd;
}

.instructions p.required {
margin-bottom: 0;
color: #444;
}





/**********************
Login / Register
***********************/
#account .b_side_wrap .content {
padding-top: 8px;
}

#login .login {
float: left;
width: 365px;
}

#login .register {
margin-left: 385px;
}

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

#login p.required {
display: none;
}

#login form em {
display: none;
}

#login .box3 .box3 .box_body {
height: 14.5em;
padding-bottom: 4.5em;
position: relative;
}

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

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

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

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

#login form p {
margin-bottom: 0;
}

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

form#user-new div.text  {
margin-top: 12px;
border-top: 1px solid #ddd;
padding-top: 10px;
}

form#user-new div.text label{
background: none transparent;
padding-left: 0;
}

form#user-new div.text input{
margin-left: 0;
}

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

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

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

#login form .error .errormsg {
position: absolute;
top: 0;
left: 0;
margin: 0;
padding-left: 12px;
background: url(/resources/acs-templating/cn/images/forms/bullet_forms_error.gif) 0 3px no-repeat transparent;
}

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

form#user-new .error .errormsg {
background: none transparent;
padding-left: 0;
}

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





/**********************
Pagination
***********************/

.pages {
margin: 0;
padding: 30px 0;
float: none;
border-bottom: 0 none;
text-align: center;
background-color: #eee;
background: url(../images/back_bottom.gif) repeat-x 0 -140px #fff;
}

.pages a,
.pages span {
padding: 0;
margin: 0 5px;
border: 0 none;
background-color: transparent;
display: inline;
width: 15px;
float: none;
text-decoration: underline;
color: #555;
text-align: center;
font: normal 11px verdana, arial, helvetica, sans-serif;
background: url(../images/back_link_pale.gif) left bottom repeat-x transparent;
text-decoration: none;
padding: 0 1px 1px;
}

.pages a.previous, .pages a.previous:hover {
margin: 0 8px 0 0;
border: 0 none;
color: #0077cd;
background: url(../images/pages3/bt_previous.gif) left bottom no-repeat transparent;
text-decoration: none;
padding: 0 1px 1px 17px;
}

.pages a.next, .pages a.next:hover {
margin: 0 0 0 8px;
border: 0 none;
color: #0077cd;
background: url(../images/pages3/bt_next.gif) right bottom no-repeat transparent;
text-decoration: none;
padding: 0 17px 1px 1px;
}

.pages a span {
border: 0 none;
padding: 0;
text-decoration: none;
}

.pages span {
background: none transparent;
color: #aaa;
}

.pages a:hover {
border: 1px solid #888;
background-color: #fff;
color: #333;
border: 0 none;
}

.pages .active {
display: inline;
background-color: #aaa;
background: #fff;
color: #555;
text-decoration: none;
border: 1px solid #c2c2c2;
padding: 4px 7px;
}