@charset "utf-8";
/********************************************************
	CSS Document / Lightbox - Moto85 par Skalpel.fr
********************************************************/
/******************************
 Général                    
******************************/
body#box {
    background-color: #ffffff;
}
#wrapper-box ul {
    list-style-type: disc;
    padding-left: 20px;
}

/******************************
 Box: Mot de passe perdu                   
******************************/
#box-password input{
		width: 150px;
		padding: 1px 5px 0 5px;
		background-color: #FFFFFF;
		border: 1px solid #A9A9A9;
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.10em;
}
#box-password #email{
    font-weight:bold;

}

/******************************
 Box: envoi annonce a un ami                   
******************************/
table.envoiAmi input {
		width: 150px;
		padding: 1px 5px 0 5px;
		background-color: #FFFFFF;
		border: 1px solid #A9A9A9;
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.10em;
}

table.envoiAmi textarea {
    	width: 300px;
		padding: 1px 5px 0 5px;
		background-color: #FFFFFF;
		border: 1px solid #A9A9A9;
		font-family: "Trebuchet MS", Arial, Verdana, Helvetica, sans-serif;
		font-size: 1.10em;
    }

table.envoiAmi form input[type=submit] {
	float: right;
	display: block;
	width: 133px;
	height: 43px;
    border: none;
    background: url(../images/interface/ajout-annonce/btn-envoyer.gif) top left no-repeat;
    cursor: pointer;
}


/******************************
 Box: contact-annonce
******************************/
.messageErreur {
     margin: 5px;
     padding: 2px;
     text-align: center;
     color:#FFFFFF;
     font-size:13px;
     font-weight:bold;
     font-style:normal;
     background-color:#D50100;
 }

 .champErreur {
    color:#D50100;
 }

div#fiche-annonce-email {
    float: left;
    width: 500px;
}

div#fiche-annonce-email form {
    display: block;
    margin: 0;
    padding: 20px 20px 20px 20px;
}

div#fiche-annonce-email form p {
    text-align: left;
    margin: 0;
    padding: 2px;
}

div#fiche-annonce-email form p label {
    display: block;
    float: left;
    width: 100px;
    padding-right: 10px;
    text-align: right;
    font-weight: bolder;
}

div#fiche-annonce-email form p input, div#fiche-annonce-email form p textarea {
    background:#fdfdfd url(../images/interface/field-text.gif) repeat-x scroll left top;
    border:1px solid #cccccc;
    font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    font-size:1.1em;
    padding:1px 5px 0;
    width:200px;
}

div#fiche-annonce-email form p#captcha {
 float: left;
 width: 160px;
}

div#fiche-annonce-email form p#captcha img {
 padding-top: 1px;
 padding-right: 2px;
 float: left;
}

div#fiche-annonce-email form p#captcha label {
 display: block;
 padding: 10px;
 width: 160px;
 text-align: left;
}

div#fiche-annonce-email form input[type=submit] {
	float: right;
	display: block;
	width: 133px;
	height: 43px;
    border: none;
    background: url(../images/interface/ajout-annonce/btn-envoyer.gif) top left no-repeat;
    cursor: pointer;
}

div#fiche-annonce-email form input[type=submit]:hover {
 background-position: 0 -43px;
}

div#fiche-annonce-email p#attention-arnaques {
 margin: 0;
 padding: 0;
 padding-bottom: 5px;
}

div#fiche-annonce-email p#attention-arnaques a {
 text-decoration: none;
 font-weight: bold;
}

div#fiche-annonce-email p#attention-arnaques a:hover {
 color: #ddd;
}

/******************************
 Box: LINKEO
******************************/
/* ~~~~ Style div ~~~~ */

#formWCB #header {
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 0px;
  height: 155px;
  width: 570px;
  background:  url("../addons/linkeo/images/banniere.jpg") no-repeat left top;
}
#formWCB #contenu {
  z-index: 1;
  position: absolute;
  left: 0px;
  top: 155px;
  height: 445px;
  width: 570px;
  text-align: center;
  background-color: #F1F4F9;
  background-image: url(../addons/linkeo/images/contenu.jpg);
}
#formWCB #footer {
  width: 570px;
  text-align: left;
  position: absolute;
  left: 0px;
  top: 600px;
  z-index: 1;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #CCCCCC;
  height: 20px;
  background-image: url(../addons/linkeo/images/pied.jpg);
}
#formWCB #txtIndic {
  text-align: left;
  position: absolute;
  z-index: 2;
  width: 346px;
  left: 25px;
  top: 196px;
  text-align:left;
  font-size: 14px;
}
#formWCB #btPowered {
  z-index: 2;
  position: absolute;
  top: 390px;
  text-align:center;
  height: 3px;
  left: 150px;
}
#formWCB #btValider {
  z-index: 2;
  position: absolute;
  left: 70px;
  top: 44px;
}
#formWCB #btAnnuler {
  z-index: 2;
  position: absolute;
  left: 25px;
  top: 250px;
}
#formWCB #bloc {
  z-index: 2;
  position: absolute;
  left: 79px;
  top: 310px;
  color: #000000;
}

/* ~~~~ Style Popup ~~~~ */

#formWCB .txtCoul {
  color: #292854;
  font-weight: bold;
}
#formWCB .cnil {
  color: #CCCCCC;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 9px;
}
#formWCB .cnil:hover {
  color: #008B54;
  text-decoration: underline;
}
#formWCB .powered {
  border: 0px;
}

/* ~~~~ Style Formulaire ~~~~ */

#formWCB label {
  DISPLAY: inline;
  FLOAT: left;
  WIDTH: 100px;
  text-align:left;
  font-size: 14px;
  font-weight: bold;
  color: #23254E;
}
#formWCB textarea {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  height: 50;
  width: 150;
  margin-bottom:5px;
  margin-left:5px;
}
#formWCB input {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  height: 17;
  width: 120px;
  margin-bottom:5px;
  margin-left:5px;
}
#formWCB input.image {
  height: 28px;
  width: 85px;
  margin:0px;
}
#formWCB select {
  font: 10px Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  height: 17;
  width: 100px;
}

/* center column */

div#center-column form {
 width: 580px;
 margin: 0;
 padding: 0;
 padding-left: 0px;
 font-size: 12px;
}

div#center-column form p {
 margin: 6px;
 text-align: left;
 clear: both;
}

div#center-column form p label {
 float: left;
 width: 190px;
 color: #333;
 cursor: pointer;
}

div#center-column form p label.labelRadio {
 float: left;
 width: 40px;
 height: 23px;
 margin-top: 3px !IMPORTANT;
 color: #333;
 cursor: pointer;
}

div#center-column form p label.labelCheckbox {
 float: none;
 color: #333;
 cursor: pointer;
 width: 400px;
}

div#center-column form p strong {
 color: #d50000;
 font-size: 18px;
}

div#center-column span.obligatoire {
 color: #d50000;
 font-weight: bolder;
 font-size: 18px;
 font-family: "Trebuchet MS", sans-serif;
 float: left;
 margin: 0 0 0 5px;
}

div#center-column form p span.aide {
 color: #7f7f7f;
 font-style: italic;
 float: left;
 margin: 0 5px 0 5px;
}

div#center-column form p input.champsTexte {
 padding: 2px;
 width: 160px;
 border: 1px solid #fc0;
 background-color: #ebebeb;
 float: left;
}

div#center-column form p select#dateJour, div#center-column form p select#dateMois {
	width: 50px;
	margin: 0 4px 0 0;
}

div#center-column form p select#dateAnnee {
	width: 58px;
}

div#center-column form p input#garantieDuree {
	width: 54px;
	float: left;
}

div#center-column form p textarea {
 width: 165px;
 height: 60px;
 background-color: #ebebeb;
 border: 1px solid #fc0;
 float: left;
 margin: 0 0 10px 0;
}

div#center-column form p select {				/* pour IE */
 padding: 2px;
 width: 160px;
 border: 1px solid #fc0;
 background-color: #ebebeb;
 float: left;
 margin: 0 0 5px 0;
}

html>body div#center-column form p select {	/* pour les autres */
 padding: 2px;
 width: 165px;
 border: 1px solid #fc0;
 background-color: #ebebeb;
 float: left;
 margin: 0 0 5px 0;
}

div#center-column form p.focus input.champsTexte {
 border: 1px solid #cd0000;
 background-color: #f9fafb;
}

div#center-column form p.focus textarea {
 border: 1px solid #cd0000;
 background-color: #f9fafb;
}

div#center-column form p.focus select {
 border: 1px solid #cd0000;
 background-color: #f9fafb;
}

div#center-column form p input.submit {
 background-color: black;
 border: 2px solid #fc0;
 color: white;
 width: 120px;
 font-family: "Arial", helvetica;
 font-size: 11px;
 font-weight: bold;
 padding: 2px;
 margin-top: 5px;
 cursor: pointer;
}

div#center-column form p input.submitLong {
 background-color: black;
 border: 2px solid #fc0;
 color: white;
 font-family: "Arial", helvetica;
 font-size: 11px;
 font-weight: bold;
 padding: 2px;
 margin-top: 5px;
 cursor: pointer;
}

div#center-column form p input.boutonRadio {
 padding: 2px;
 margin-bottom: 0 !IMPORTANT;
 width: 20px;
 float: left;
}

div#center-column form p.aSaisir input {
 padding: 2px;
 width: 20px;
 height: 20px;
 float: left;
}

div#center-column form p.aSaisir label {
 float: left;
 width: 500px;
}

/* box signaler a un ami */

div#signaler {
    float: left;
    width: 600px;
}

div#signaler form {
 display: block;
 margin: 0;
 padding: 50px;
 padding-right: 20px;
}

div#signaler form p {
 text-align: left;
 margin: 0;
 padding: 0;
 padding: 2px;
}

 div#signaler form p label {
 display: block;
 float: left;
 width: 100px;
 padding-right: 10px;
 text-align: right;
}

div#signaler form p input, div#signaler form p textarea {
 border: 1px solid #8c8c8c;
width: 200px;
}

div#signaler form p#captcha {
 float: left;
 width: 160px;
}

div#signaler form p#captcha img {
 padding-top: 1px;
 padding-right: 2px;
 float: left;
}

div#signaler form p#captcha label {
 display: block;
 padding: 10px;
 width: 160px;
 text-align: left;
}

div#signaler form input#valider-envoi-mail {
 border: 0;
 margin-top: 20px;
 width: 129px;
 float: right;
 margin-right: 40px;
}

div#signaler p#attention-arnaques {
 margin: 0;
 padding: 0;
 padding-bottom: 5px;
}

div#signaler p#attention-arnaques a {
 text-decoration: none;
 font-weight: bold;
}

div#signaler p#attention-arnaques a:hover {
 color: #ddd;
}


/******************************
 Box: recommander le site
******************************/
.messageErreur {
     margin: 5px;
     padding: 2px;
     text-align: center;
     color:#FFFFFF;
     font-size:13px;
     font-weight:bold;
     font-style:normal;
     background-color:#D50100;
 }

 .champErreur {
    color:#D50100;
 }

div#recommander {
    float: left;
    width: 600px;
}

div#recommander form {
    display: block;
    margin: 0;
    padding: 20px 20px 20px 20px;
}

div#recommander form p {
    text-align: left;
    margin: 0;
    padding: 2px;
}

div#recommander form p label {
    display: block;
    float: left;
    width: 180px;
    padding-right: 10px;
    text-align: right;
    font-weight: bolder;
}

div#recommander form p input, div#recommander form p textarea {
    background:#fdfdfd url(../images/interface/field-text.gif) repeat-x scroll left top;
    border:1px solid #cccccc;
    font-family:"Trebuchet MS",Arial,Verdana,Helvetica,sans-serif;
    font-size:1.1em;
    padding:1px 5px 0;
    width:200px;
}

div#recommander form input#valider-envoi-mail {
 border: 0;
 margin-top: 20px;
 width: 133px;
 float: right;
 margin-right: 40px;
}

div#recommander form input[type=submit] {
	display: block;
	width: 133px;
	height: 43px;
    border: none;
    background: url(../images/interface/ajout-annonce/btn-envoyer.gif) top left no-repeat;
    cursor: pointer;
}

div#recommander form input[type=submit]:hover {
 background-position: 0 -43px;
}