/* Le menu */
.urbangreymenu
{
   float: left;
   width: 190px;
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: white;
background: #606060 url(images/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}
/* L'en-tête */

#en_tete
{
   width: 100%;
   background: url("images/banner.png") no-repeat 50%;
   background-image:url("images/fond.gif");
   background-repeat: repeat-x;
   margin: auto;
   margin-bottom: 5px;
}

/* Le corps de la page */
body
{
   width: 98%;
   margin-right: auto;
   margin-top: 0px;
   margin-bottom: 20px;    
   background-color: #FFFFFF;
   background-attachment: fixed;
}

#corps li
{
   list-style-type: none;
	margin: 0;
	padding: 0;
	margin-bottom: 0
}

#corps
{
   margin-left: 195px;
   margin-bottom: 5px;
   padding: 20px;
   color: #000000;
   background-color: #CCCCCC;
   background-image: url("images/motif.gif");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}

#corps h1
{
   color: #000000;
   text-align: center;
   font-family: Arial, "Arial Black", "Times New Roman", Times, serif;
}#corps blockquote {	font-style:italic;}

#corps h2
{
   height: 30px;

   background-image: url("images/titre.gif");
   background-repeat: no-repeat;
   
   padding-left: 40px;
   color: #000000;
   text-align: left;
}
#corps h3
{
   height: 30px;

   background-image: url("images/titreh3.gif");
   background-repeat: no-repeat;
   
   padding-left: 70px;
   color: #000000;
   text-align: left;
}

/* Le pied de page (qui se trouve tout en bas, en général pour les copyrights) */

#pied_de_page
{
   padding: 0px;
   text-align: center;
   margin-left: 195px;

   color: #000000;
   background-color: #CCCCCC;
   background-image: url("images/motif.gif");
   background-repeat: repeat-x;
   
   border: 2px solid black;
}

/* Style de formulaire*/
.feedbackform{
padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
width: 550px; /*width of form rows*/
overflow: hidden;
padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
float: left;
width: 150px; /*width of label (left column)*/
text-transform: uppercase;
border-bottom: 1px solid red;
margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
float: left;
margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
width: 300px;
height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 80px;
background: #e1dfe0;
}

.postit{
position:absolute;
right:30px;
top:270px;
background: tranparent;
}
.dim{
width:310px;
height:250spx;
}
.padding{
padding-top:25px;
padding-left:10px;
}