/*contactform*/

/* -----------------------------------
Form - narrow
----------------------------------- */
.contact-form
{
clear: left;
margin: 0 0 1em;
overflow: hidden;
zoom: 1;
}
.label
{
display: block;
margin: 0 0 .1em;
}

.input, .textarea
{
width: 96%;
*width: 90%;
box-sizing: border-box;
border: 1px solid #999;
border-radius: .4em;
max-width: 25em;
}
.inputshort
{
width: 60%;
*width: 60%;
box-sizing: border-box;
border: 1px solid #999;
border-radius: .4em;
max-width: 20em;
}
.input, .textarea, .inputshort
{
padding: 5px;
}
.textarea {height: 150px; max-width: 25em;}
.form-list
{
margin: 0;
padding: 0;
list-style: none;
}
.btn
{
display: inline-block;
margin: 0;
padding: .7em 1.2em;
border: 0;
border-radius: .4em;
color: #fff;
background-color: #cb155a;
line-height: 1;
}
.btn:focus{background-color: #fff;color: #000;}
.btn:hover{background-color: #dbacd1;color: #000;}
.btn:active{background-color: salmon;}

/* -----------------------------------
Form - wide
----------------------------------- */

@media (min-width:600px)
{
	.contact-form {max-width: 40em;}
.label
{
float: left;
width: 25%;
margin: 0 2% 0 0;
text-align: right;
}
.input, .textarea, .inputshort
{
float: left;
width: 70%;
}
.form-indent
{
margin-left: 27%;
width: 70%;
}
}




/*----------------------------------------------
boutons old
----------------------------------------------*/
/*#submit {
background-image:url(../images/submit.png);
width:74px;
height:32px;
padding:0;
border:0;
}

#submit:hover,#submit:focus {
background-image:url(../images/submit_survol.png);
width:74px;
height:32px;
}/*

			/*le bouton reset*/
/*
#reset {
background-image:url(../images/reset.png);
width:50px;
height:32px;
padding:0;
border:0;
}

#reset:hover,#reset:focus {
background-image:url(../images/reset_survol.png);
width:50px;
height:32px;
}*/