BODY  		{ font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; margin: 0; background-color: #e1e1e1; padding: 0; font-size: 13px; background-image: url(/images/bg.jpg); background-position: center; color: #2a2a2a; }
*{padding:0;margin:0;}

A:link    	{ color:#870F71; text-decoration: none; }
A:visited 	{ color:#870F71; text-decoration: none; }
A:active  	{ color:#870F71; text-decoration: none; }
A:hover  	{ color:#870F71; text-decoration: underline; }


h1 { font-size: 17px; color: #FFFFFF; border-bottom: dotted 2px #d1d1d1; padding-bottom: 3px; margin-top: 23px; width: 380px; }
h2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #FFFFFF; border-left: solid 5px #98BF0E; padding-left: 5px; height: 25px; line-height: 25px; margin-top: 5px; }


input:focus {
        outline: none;
    }
textarea:focus {
        outline: none;
    }
select:focus {
        outline: none;
    }


td { font-family: "Trebuchet MS", "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif; ; font-size: 13px; color:#2a2a2a; }

img {  border:0}

li { list-style-type: square; vertical-align: middle; margin-left: 15px; margin-top: 5px; list-style-image: url(../images/puce.gif); }
h3 { font-size: 14px; }

ul { margin-left: 5px; }



ul#menu { 
margin-left: 40px;margin-top:8px }

ul#menu li { list-style-type: none; vertical-align: middle; margin-left: 0px; margin-top: 0px; float:left; font-size:13px; list-style-image: url(../images/spacer.gif); 
}

ul#menu li a{ 
color:#FFFFFF;
}

ul#menu li a:hover{ border-bottom:solid 2px #98BF0E; text-decoration: none; 
}



ul#essentiel { margin-left: 60px; margin-top:15px; width: 240px; }
ul#essentiel li { font-size:13px; color:#FFFFFF; font-weight:bold; list-style-image: url(../images/ar.gif); }


ul#tarif li { background-color:#f1f1f1;padding:10px;margin-bottom:10px;width:500px; }



#chemin { margin-left: 40px;font-size:12;font-family:arial; }
#chemin a { color:#2a2a2a; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

.cssform p{ width: 350px; clear: left; margin: 0; padding: 5px 0 8px 0; padding-left: 155px; /*width of left column containing the label elements*/ border-top: 2px dotted #D1D1D1; height: 1%; 
}

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

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}