* { padding: 0; margin: 0; }

body { background:url(images/lefond.png) repeat;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 14px;
}
#wrapper { 
 margin: 20px auto;
 width: 922px;
}
#faux {
 background:transparent;
 margin-bottom: 0px;
 overflow: auto; 
 width: 922px;
}

#faux a{color:#0033CC; text-decoration:none}

#faux h1{font-size:19px;margin:20px 0 10px 0;font-weight:400;padding:0 0 0 20px; background:url(images/fleche.gif) left no-repeat;}

#header { background:url(images/haut.png) no-repeat; 
 color: #333;
 width: 922px;
 padding: 0;
 height: 127px;
 margin: 0;

}
#rightcolumn {*

 display: inline;
 color: #333;
 margin: 0;
 padding: 0px;
 width: 218px;
 float: right;
}

#rightcolumn p {margin:3px 0 3px 3px}

#leftcolumn {
 float: left;
 color: #333;
 margin: 0;
 padding: 10px 15px 15px 15px;
 width: 660px;
 display: inline;
 position: relative;
}
#footer { 
 width: 922px; height:21px; line-height:21px;
 clear: both;
 color: #333;
 background: url(images/pied.png) no-repeat;
 margin: 10px 0px 10px 0px;
 padding:0;
}
#navcontainer ul
{ height:25px;
padding-left: 0;
margin-left: 0;
background:url(images/barre-navig2.png) repeat;letter-spacing:2px;
color: White;
float: left;
width: 100%;
font-family: arial, helvetica, sans-serif;
}
#navcontainer{ width: 898px;margin:5px 12px 0 12px;padding:0 }
#navcontainer ul li { display: inline;  }

#navcontainer ul li a
{height:25px; line-height:25px;padding:0 10px 0 10px; 

background:url(images/fo-barre-navig.png) repeat;
color: #FFFFFF;
text-decoration: none;
float: left;
border-right: 1px solid #fff;
}

#navcontainer ul li a:hover
{
background:url(images/barre-navig2.png) repeat;
color: #fff;
}

#vertic { width:202px;margin:10px 16px 0 0;}

#vertic  ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#vertic  a
{
display: block;
padding: 3px;
width: 202px;
background:url(images/fo-barre-navig.png) repeat;
border-bottom: 1px solid #fff;
}

#vertic  a:link, #list a:visited
{
color: #EEE;
text-decoration: none;
}

#vertic  a:hover
{
background:url(images/barre-navig2.png) repeat;;
color: #fff;
}
/*** Mise en forme du formulaire ***/
#cssform{width: 80%;padding:20px 0 0 50px}
#cssform p{
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px solid  #CCCCCC;
height: 1%;
}

#cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 210px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.input{ /*width of text boxes. IE6 does not understand this attribute*/
width: 200px;
}
.oblig{font-weight:600;}

.input2{ /*width of text boxes. IE6 does not understand this attribute*/
width: 150px;border:1px solid #000;background:#ccc;font-weight:600;
}
#textarea{
width: 250px;
height: 30px;
}
#textarea2{
width: 80%;
height: 300px;
}

.clear { clear: both; background: none; }