/* CSS Document */

html, body, h1, h2, h3, h4, h5, form, p{
margin:0;
padding:0;
}


body{
background-image: url(decoupe/images/fond.jpg);
text-align:center;
background-repeat:repeat-x;
padding:0px;
margin:0px;
background-color:#ff9d5a;
}

#main{
width: 820px; 
margin-top:40px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-color:#FFFFFF;
}

#header{
background-image:url(decoupe/page-contact/haut2.jpg);
background-repeat:no-repeat;
width:819px;
height:131px;
border-right:solid 1px #53392b;
border-left:solid 1px #53392b;
border-top:solid 1px #53392b;
}

#centre{
background-image:url(decoupe/page-contact/bas2.jpg);
background-repeat:no-repeat;
background-color:#FFFFFF;
width:819px;
height:649px;
border-right:solid 1px #53392b;
border-left:solid 1px #53392b;
margin:0px;
}

#pied{
background-color:#FFFFFF;
width:821px;
height:26px;
border-bottom:solid 1px #53392b;
border-left:solid 1px #53392b;
border-right:solid 1px #53392b;
}

/*MENU*/

table{
margin-left:264px;
margin-top:78px;
padding:0;
border:0;
}

td{
text-align:center;
height:21px;
}

td a {
display:block;
/*padding:4px 2px 4px 2px;*/
margin-right:2px;
color:white;
font-size:11px;
font-family:Helvetica,Verdana,Arial;
text-decoration:none;
}

td a:hover{
font-weight:bold;
}


/*vignettes menu (vertes)*/

#accueil{
background-image:url(decoupe/images/cote-vert.jpg);
background-repeat:no-repeat;
padding-left:26px;
height:21px;
width:55px;
}

#presentation{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:90px;
}

#art{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:85px;
}

#services{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:70px;
}

#logement{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:90px;
}

#region{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:70px;
}

#contact{
background-image:url(decoupe/images/vert.jpg);
height:21px;
width:65px;
}

/*vignettes du menu en rouge*/

#accueil:hover{
background-image:url(decoupe/images/cote-rouge.jpg);
background-repeat:no-repeat;
padding-left:26px;
height:21px;
width:55px;
font-weight:bold;
}

#presentation:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:90px;
font-weight:bold;
}

#art:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:85px;
font-weight:bold;
}

#services:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:70px;
font-weight:bold;
}

#logement:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:90px;
font-weight:bold;
}

#region:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:70px;
font-weight:bold;
}

#contact:hover{
background-image:url(decoupe/images/rouge.jpg);
height:21px;
width:65px;
font-weight:bold;
}


.menu-selec{
background-image:url(decoupe/images/rouge.jpg)!important;
height:21px;
width:90px;
font-weight:bold;
padding:0px;
margin:0px;
}


/* MISE EN FORME DU FORMULAIRE */

form{
font-size:12px;
padding-left:100px;
color:#646466;
font-family:Helvetica, Arial, sans-serif;
}

input, textarea{
font-family:Helvetica, Arial, sans-serif;
margin-bottom:4px;
}

#formulaire{
padding:0px;
margin:0px;}

#formulaire td{
padding-bottom:0.25px;}

.motform {
text-align:left;
width:120px!important;}

.case{
text-align:left;
width:100px;
}

#validez{
margin-left:150px;
}

/*label{
display:block;
text-align : right;
margin-right:400px;
}
label input, textarea{
width: 200px;
margin-left:15px;
font-family:Helvetica, Arial, sans-serif;
} 

.m{
width:auto!important;
text-align:left!important;
display:inline;}
*/



/*#nom{
margin-left:53px;
}

#prenom{
margin-left:39px;}

#raison{
margin-left:7px;}

#e-mail{
margin-left:38px;
}

#rue{
margin-left:57px;}

#code{
margin-left:20px;}

#ville{
margin-left:53px;}

#pays{
margin-left:54px;}

#tel{
margin-left:26px;}

#fax{
margin-left:59px;}
*/

#msg{
vertical-align:top;
}



/* MISE EN FORME TEXTE */

#piedpage{
font-size:11px;
font-family:Helvetica, Arial, sans-serif;
color:#646466;
margin:0px;
padding-left:150px;
padding-right:65px;
display:inline;
}


#agence img{
border:none;
opacity:0.5;
filter:alpha(opacity=50);
vertical-align: middle;
}


#agence:hover img{
opacity:1; /* bons navigateurs */
filter:alpha(opacity=100); /* IE */
} 

h1{
padding-top:50px; 
padding-bottom:14px;
padding-left:85px;
color:#ff4800;
font-size:20px;
font-style:italic;
font-family:"Times New Roman", Times, serif;
font-weight:normal;
}

#info{
padding-left:470px;
font-size:11px;
font-family:Helvetica, Arial, sans-serif;}

textarea{
width:265px;
height:120px;
padding:0;}