/*
CSS du formulaire de contact.
(SdV plurimédia)
*/

.clearboth {
	clear:both;
}

#contact {
	padding-bottom:50px;
}

#contact .ligne {
	clear:both;
	padding: 5px 0;
	height:40px;
}

#contact #infos .ligne {
	clear:both;
	padding: 10px 0;
	height:auto;
}

#contact label {
	float:left;
	width:180px;
	text-align:right;
	line-height:19px;
	height:40px;
}

#contact label.label_2lignes{
	line-height:14px;
}

#contact .saisie, #contact .saisie2 {
	float:left;
}
#contact .saisie input,  #contact .saisie textarea, #contact .saisie2 input {
	background: none repeat scroll 0 0 #EFEEE9;
	border: 1px solid #DDDDDD;
    color: #4A4B4D;
    border-radius: 3px 3px 3px 3px;
    padding: 4px;
    width:300px;
    font-size:13px;
 }
 
 #contact .ligne  i{
  font-size:11px;
  display:block;
  font-style:normal;
 }
 
 #contact .saisie2 input {
    width:150px;
 }
 
#contact .saisie textarea {
    width:300px;
 }
 #contact #infos .saisie textarea {
    width:400px;
 }
 
 
 #contact .obligatoire {
 	color:#CC0033;
 	float:left;
 	padding:0 5px;
 	width:10px;
 }
#contact.page_etape5 .obligatoire {
 	float:none;
 }
 
#contact #infos .obligatoire {
 	color:#CC0033;
 	float:none;
 	padding:0 5px;
 	width:10px;
 }
 
 
 
#contact #div_veterinaire {
	display:none;
	visibility:hidden;
	padding-left:30px;
}

#contact #div_francais
 {
	display:none;
	visibility:hidden;
	padding-left:30px;
}

#contact #div_francais .saisie input  {
	    width:250px;
}
#contact #div_non_francais .saisie input  {
	    width:150px;
}

#contact .saisie .checkbox, #contact .checkbox  {
	border:none;
	background: transparent;
    color: #4A4B4D;
    border-radius: 0px;
    padding: 2px;
    width:auto;
}

#contact .bt_envoyer {
	background-color:#4084F2;
	border: none;
    color: #ffffff;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding: 5px 20px;
    width:auto;
    font-size:15px;
}

#contact .legende_saisie_obligatoire {
	float:right;
	font-size:0.85em;
	color:#666666;
	padding-right:20px;
}

#contact input.champ_erreur, #contact .saisie input.champ_erreur, #contact #div_francais input.champ_erreur , #contact #div_veterinaire input.champ_erreur  {
    border: 2px solid #CC0033;
}

#contact .message_erreur {
	border: solid 2px #6F6250;
	color: #920B2E;
	text-align:center;
	padding : 10px;
	font-size:15px;
	background-color:#000000;
	width:80%;
	margin : 10px auto;
	border-radius: 10px;
}



#contact .message_ok {
	color:#00C2DF;
	text-align:center;
	padding : 20px;
	font-size:17px;
}
#contact #infos {
	width:400px;
	margin : 0 auto;
}

#contact #infos label {
	float:none;
	width:400px;
	text-align:left;
	padding-top:10px;
	display:block;
	padding : 0 0 5px 0;
	font-weight:bold;
	height:auto;
}

#contact #infos .saisie input {
    background: none repeat scroll 0 0 #EFEEE9;
    border: 1px solid #DDDDDD;
    border-radius: 3px 3px 3px 3px;
    display:block;
    color: #4A4B4D;
    padding: 2px;
    width: 400px;
    float:none;
}

#contact #infos  #date  .saisie input {
    width: 200px;
     float:left;
}
/*
#contact  #telephone  .saisie input {
    width: 200px;
     float:left;
} */

#contact  .legende {
font-size:0.85em;
color:#cccccc;
padding-left:5px;
line-height:1.4em;
float:left;
font-style:italic;
}

#contact #infos .saisie input.radio {
  width:auto;
  float:left;
  margin-top:8px;
  margin-right:5px;
}
#contact #infos .saisie  {
 width: 400px;
    float:none;
}