body {margin: 0; font-family: Verdana, sans-serif; font-size: 11px;}
a {color: #000; font-size: 11px;}
form {margin: 0;}

#form {width: 800px;}
table {border-collapse: collapse; margin: 0 10px;}
td {margin: 0; padding: 0 10px 10px 0; vertical-align: top;}

h1 {margin: 10px;}
.blocJoin {width: 220px; height: 180px; background: #bec1c0; padding: 20px; color: #fff; line-height: 18px; font-size: 13px;}

.photo4 {margin-top: 10px;}
.tableForm {margin: 0; }
.tableForm td {padding-right: 10px;}
.tableForm td.col1 {width: 260px;}
.tableForm td.col2 {width: 250px;}
.tableForm label {display: block; clear: both; margin: 0 0 5px 0;}

.tableForm select {font-size: 11px;}

.tableForm input {border: 1px solid #d8e1ea; font-size: 11px; padding: 4px; width: 235px;}
.tableForm input.checkbox {border: 0; padding: 0; width: auto;}
.tableForm input.radio {border: 0; padding: 0;  width: auto;}
.tableForm input.btnSubmit {background: url(img/valider.gif) 0 0 no-repeat; width: 99px; height: 36px; border: 0; cursor: pointer;}

.tableForm input#id_mobile {width: 80px;}
.tableForm input#id_telPro {width: 80px;}
.tableForm label#label_newsletter {clear: none; display: inline;}

.mentionsLegales {font-size: 10px; margin: 10px; border-top: 1px solid #ccc;}
.mentionsLegales {color: #a4a6a6; border-top: 0; font-size: 11px; margin: 30px 10px 10px 10px; width: 230px;}

#ContAbonidx {width: auto; border: 0;}

#errorMessage {margin: 20px;}
#errorMessage h1 {padding: 20px 0 0 0; margin: 0 0 10px 0; font-size: 20px; font-family: arial, sans-serif;}
#errorMessage .blockButton {position: absolute; top: 10px; right: 10px; }
#errorMessage .blockButton a {font-weight: bold; text-decoration: none; display: block; background: url(img/error.gif) 5px 5px no-repeat; height: 20px; padding: 0 0 0 25px; border: 1px solid #ccc; padding: 5px 5px 1px 25px;}
#errorMessage .blockButton a:hover {background-color: #e3edf3;}

*html #errorMessage .blockButton {width: 160px;}
*html #errorMessage .blockButton a {padding: 5px 5Px 5px 25px}