* {margin:0;padding:0;border:none;list-style-type:none;text-decoration:none}

/* ******    TYPO    ******** */
#docs_page {font-family:Verdana, Arial, sans-serif;font-size:12px}
#docs_page h1 {font-size:16px;line-height:18px}
#docs_page h2 {float:left;font-size:12px;font-weight:normal;line-height:18px}
.list_vehicules li, #docs_sidebar li {text-align:center}
#docs_sidebar li strong, #docs_sidebar li p {text-align:left;font-size:11px; line-height:18px;}
#docs_form * {font-size:11px}
#lab_optin {font-weight:bold}

#page {font-family:Verdana, Arial, Helvetica, sans-serif; }
#page h1 {font-size:24px;font-weight:normal;margin:15px}
#page p {margin:15px;font-size:11px}

#docs_form .mentions {font-size:9px;line-height:11px;text-align:justify}


/* ******    LAYOUT    ******** */
#docs_page {width:870px}
#docs_page h1 {margin-bottom:18px}
#docs_page h2 {margin-left:30px}
* html #docs_page h2 {margin-left:15px}

#etapes {float:right;height:37px;margin-right:30px}
* html #etapes {margin-right:15px}
#etapes  li {float:left;position:relative;width:181px;height:28px;margin-right:1px;overflow:hidden}

#docs_page h1 span, #docs_page h2 span, #etapes li span {position:absolute;left:0;top:0;width:100%;height:100%}

.list_vehicules {width:100%;margin:30px 0}
.list_vehicules li {float:left;margin:0 15px 10px 30px}
* html .list_vehicules li {margin:0 30px 10px 15px}
.list_vehicules li a {display:block;width:238px;height:143px;padding:15px 0 5px}
.list_vehicules li a:hover {background:#EBEBEB}

#docs_sidebar {float:left;width:283px; padding-bottom:200px}
#docs_sidebar h2 {float:none;margin:18px 10px;padding-left:23px}
#docs_sidebar li {width:283px;display:block}
#docs_sidebar li strong {display:block; padding:3px 12px 5px}
#docs_sidebar li img {margin:5px 0 15px}
#docs_sidebar li strong img {margin:0}
#docs_sidebar li p  {margin:10px 0 0 12px}

#docs_form {float:left;width:543px;margin-left:20px}
#docs_form #etapes {margin:0}
#docs_form h3 {margin:15px 0 20px;padding-bottom:5px}
#docs_form .docs_ctt {padding:15px 0 30px 20px; margin-bottom:15px}
#docs_form form h4 {float:left; margin-bottom:20px}
#docs_form form li {float:left;position:relative;margin-bottom:20px;line-height:1em}
#docs_form form label {vertical-align:top;padding-top:3px}
.radio_list label {margin:0 10px 0 5px}
#docs_form form input, #docs_form form select {padding:1px 0}
.radio_list input {width:13px;height:13px;padding:0}
#form_id label {float:left;width:103px}
* html #form_id label {float:left;width:100px}
#form_id input, select#changement {width:140px;margin-right:15px}
#lab_change {width:365px;float:left}
* html #lab_change {width:362px}
#docs_form form p {margin:10px 0;position:relative}
#docs_form form p.clearer {margin:0}
#docs_form form p#obligato {float:right;margin:0 20px 0 0}
* html #docs_form form p#obligato {margin-right:10px}
#docs_form form #optin {width:13px;height:13px}
#docs_form form #optin, #docs_form form #lab_optin {float:left;margin:15px 10px 0 0;padding:0}

a.btn_precedent {float:left;width:136px;height:0;padding-top:38px;overflow:hidden}
.btn_submit {float:right;width:78px;height:38px; cursor:pointer}

span.error {position:absolute;width:245px;left:0;top:-15px;text-align:right}
p span.error {width:505px}
* html p span.error {left:-365px}

.mentions {margin:10px 0}

.clearer {clear:both}




/* ******    COLORS    ******** */
#etapes {background:url(../images/bg_etapes.png) bottom repeat-x}
#docs_sidebar {background:url(../images/bg_sidebar.png) bottom repeat-x}
#docs_sidebar h2 {background:url(../images/gray_arrow.png) 0 3px no-repeat}
#docs_sidebar li strong {background:#e9e9e9}
.list_vehicules li, #docs_sidebar, #docs_form form div {border:1px solid #d1d0d0}
#docs_form h3 {background:url(../images/dotted.png) bottom repeat-x}
#docs_form .docs_ctt {background:#e9e9e9}
#docs_form form span {color:#f00}
#form_id input, #docs_form form select {border:1px solid #d1d0d0; border-top-color:#9a9a9a}
a.btn_precedent {background:url(../images/btn_precedent.png) 0 0 no-repeat}
.btn_submit {background:url(../images/btn_valider.png) 0 0 no-repeat}
a.btn_precedent:hover, .btn_submit:hover {background-position:0 -38px}

#page p.retour, a {color:#029F02}
#page a:hover {text-decoration:underline}
#page a:active {color:black}

.btn_desabon {width:228px;height:38px;overflow:hidden;cursor:pointer;background:url(../images/btn_desabonnement.png) 0 0 no-repeat}
.btn_desabon:hover {background-position:0 -38px}

#docs_form .mentions {color:#333}