﻿*{margin:o; padding:o;}

body{background:url(images/bgcont.jpg) top no-repeat;}

/*///////////////////////////////////////
		preparation du formulaire globale
///////////////////////////////////////*/

#contact{
background:url(images/gris.jpg);
width:375px;
height:432px;
margin:30px auto 0 auto;
position:relative;
}

#contactform{background:url(images/contact.png);
width:325px;
height:377px;
padding:55px 0 0 50px;
color:#8c8c8c;
font-size:12px;
font-weight:bold;
position:relative;
top:0;
left:0;
}

/*///////////////////////////////////////
		modif des input
///////////////////////////////////////*/

input[type=text]{
margin-top:5px;
background:url(images/fondmail.jpg) left top no-repeat;
width:235px;
height:25px;
border:none;
color:#b3b3b3;
padding:0 5px 0 5px;
}

input[type=text]:hover{
background-position: left bottom;
}

textarea{
margin-top:5px;
background:url(images/fondtxt.jpg) left top;
width:265px;
border:none;
color:#b3b3b3;
padding:5px 5px 5px 5px;
}

input[type=submit]{
background:url(images/btn.jpg) left top;
height:25px;
line-height:25px;
border:none;
color:#8c8c8c;
text-transform:uppercase;
cursor:pointer;
font-weight:bold;
font-size:9px;
border:solid 1px #212121;
padding:0 10px 0 10px;
display:block;
-moz-border-radius:10px;
-webkit-border-radius:10px;
position:absolute;
bottom:-15px;
right:40px;
}

input[type=submit]:hover{
color:#ffffff;
border:solid 1px #8c8c8c;
}

/*//////////////////////////////
		glow
//////////////////////////////*/

#glow{
background:url(images/couleur.jpg);
width:375px;
height:432px;
position:absolute;
top:0;
left:0;
}

/*///////////////////////////////
		erreur et succes
///////////////////////////////*/

#erreur{
width:375px;
text-align:center;
color:#ff0000;
font-weight:bold;
}

#succes{
width:375px;
text-align:center;
color:#00ff00;
font-weight:bold;
}