@import url(content.css);

body {
    margin:             0;
    padding:            0;
    background:         #000;
    font:               12px arial, helvetica, sans-serif;
}

#container {
    position:           relative;
    overflow:           hidden;
    width:              988px;
    margin:             0 auto;
    background:         url(images/container.png) no-repeat;
}

a.edit {
    display:            none;
}

/*
:hover>a.edit {
    display:            inline;
}
*/

a {
    color:              #FF8615;
}

/** header ***************************************************************/

#header {
    height:             113px;
}

#header h1 {
    margin:             0;
    padding:            0;
}

#header h1 a {
    display:            block;
    position:           absolute;
    top:                40px;
    left:               80px;
    width:              90px;
    height:             135px;
    text-indent:        -100em;
    overflow:           hidden;
    /*
    background:         #555;
    -moz-opacity:       .8;
    */
}

#header p {
    display:            none;
    margin:             0;
    padding:            0;
}



/** outercontent *********************************************************/

#outercontent {
    float:              right;
    width:              756px;
    padding-right:      18px;
}



/** navbar ***************************************************************/

#navbar {
    height:             25px;
    /*background:         url(images/navbar.png);*/
    text-align:         right;
    line-height:        25px;
    font-size:          11px;
    color:              #bbb;
}

#navbar p {
    margin:             0;
    padding:            0;
}

#navbar p span.title {
    color:              #FF8615;
}

#navbar strong,
#navbar a {
    color:              #fff;
}



/** title ****************************************************************/

#title {
    height:             81px;
    background:         #fff url(images/title.png);
}

#title h2 {
    margin:             0;
    padding:            40px 0 0 25px;
    color:              #FF8615;
    font-size:          14pt;
    font-weight:				regular;
}


/** content **************************************************************/

#content {
    position:           relative;
    padding:            20px 9px;
    background:         #fff;
}

#content h3 {
		width:							650px;
    top:                0;
    margin:            	10px 10px 5px 3px;
    padding-top:        16px;
		padding-left:				45px;
    color:              #C4BFB4;
    font-size:          20px;
    font-weight:				normal;
    background:         url(images/tirubrique.jpg) no-repeat left top;
    border:							0px solid #000;
}

#content h3 a {
    color:              #FF7C0F;
    text-decoration:		none;
}

#content h3 a:hover {
    color:              #FF7C0F;
    text-decoration:		underline;
}

#content #fond {
		width:							700px;
    top:                0;
    margin:             2px 5px;
    padding:      		  10px;
    font-size:          12px;
    background:         url(images/bg_contact.jpg) repeat-x left top;
    border-bottom:			1px dashed #C4BFB4;
}

#content table h4 {
   	margin:             -3px 0 0 0px;
    padding:            0;
    background:         none;
    color:              #fff;
    font-size:					15px;
    font-weight:				bold;
    padding-left:				25px;
    border:							0px solid #000;
}

/** footer ***************************************************************/

#footer p {
    margin:             5px 0 0;
    padding:            0;
    text-align:         center;
    font-size:          16px;
    color:              #fff;
}

#footer hr {
    margin:             5px 0 !important;
    margin:             0;
    padding:            0;
    color:              #fff;
}

#footer address {
    margin:             0 0 5px 0;
    padding:            0;
    color:              #7A5F3E;
    text-align:         center;
    font-style:         normal;
}



/** navigation ***********************************************************/

#navigation {
    float:              left;
    width:              192px;
    margin-top:         81px;
    padding:            0 11px;
}

#navigation ul {
    margin:             0;
    padding:            0;
    list-style:         none;
}

#nav {
    background:         #fff;
}

#nav li {
    width:              192px;
    /*height:             36px;*/
    background:         url(images/nav-li.png);
    border-bottom:      1px solid #fff;
}

#nav li.first-child {
    background:         url(images/nav-li-first-child.png);
}

#nav li a {
    display:            block;
    width:              172px;
    height:             18px;
    padding:            18px 0 0 20px;
    color:              #000;
    text-decoration:    none;
    font-weight:        bold;
}

#nav li a:hover {
    color:              #FF8615;
}

#nav li li,
#nav li li.first-child {
    background:         #fff;
}

#nav li li a {
    height:             auto;
    width:              157px;
    margin-left:        15px;
    padding:            5px 5px 5px 15px;
    background:         #EEEDE9 url(images/nav-li-li.png) no-repeat 5px 10px;
    border-bottom:      1px solid #DBD8D1;
    font-weight:        normal;
}

#nav li li a:hover,
#nav li li a.selected {
    background:         #6C9EB7 url(images/nav-li-li-a-hover.png) no-repeat 5px 10px;
    border-color:       #6C9EB7;
    color:              #fff;
}

#subnav {
    position:           absolute;
    top:                0;
    left:               0;
}

#subnav li a {
    display:            block;
    position:           absolute;
    top:                2px;
    width:              28px;
    height:             20px;
    text-indent:        -100em;
    overflow:           hidden;

    /*
    background:         #555;
    -moz-opacity:       .8;
    */
}

#subnav-home a {
    left:               810px;
}

#subnav-contact a {
    left:               853px;
}

#subnav-location a {
    left:               890px;
}

#subnav-sitemap a {
    left:               925px;
}



/** form-contact *********************************************************/

#form-contact {
    margin:             0;
    padding:            5px;
    width:              182px;
    height:             385px;
    color:              #fff;
    background:			transparent url(images/form-contact.png) no-repeat left top;
}

#form-contact h2,
#form-contact p {
    margin:             2px 0;
    text-transform:     uppercase;
    font-size:          12px;
}

#form-contact div {
    margin:             5px 0;
}

#form-contact label {
    display:            block;
    float:              left;
    width:              91px;
    font-size:          11px;
}

#form-contact #message {
    margin:            20px 0;
}

#form-contact #message label {
    display:            block;
}

#form-contact #message textarea {
    width:              180px !important;
    width:              178px;
    background:         #F7F0E2;
    border:             1px solid #99784F;
}


#form-contact div input {
    width:              75px !important;
    width:              75px;
    border:             1px solid #99784F;
    font-size:          11px;
}

#form-contact div.button {
    margin:             10px 0 0;
    text-align:         center;
}

#form-contact div.button button {
    height:             40px;
    padding-right:      45px !important;
    padding-right:      25px;
    background:         transparent url(images/go.gif) no-repeat right center;
    border:             0;
    color:              #fff;
    font-weight:        bold;
    cursor:             pointer;
    cursor:             hand;
}

/***fieldset****/
fieldset {
    /*margin:             10px 10px 20px 10px;*/
    margin:								20px;
    border:                1px solid #dedede;
}


fieldset legend {
    color:              #FF7C0F;
    font-weight:        bold;
    font-size:					12px;
}

.ptt {
    color:              #000;
    font-size:						8pt;
    font-weight:					normal;
}


/** Formulaire de recherche ***************************************************/

#form-search {
    margin:                 0;
    padding:                0;
    width:                  400px;
    position:               absolute;
    top:                    3px;
    left:                   425px;
    font-size:              10px;
}

#form-search p {
    margin:                 0;
    padding:                0;
}

#form-search p label {
    font-size:              12px;
    font-weight:            bold;
}

#form-search input {
    width:                  20em;
    margin:                 0;
    border:                 1px solid #8CBCE2;
    font-size:              10px;
}

#form-search button {
    width:                  18px;
    height:                 17px;
    margin:                 0;
    padding:                0;
    background:             none;
    border:                 0;
    text-indent:            -100em;
    overflow:               hidden;
}