/*---------------------------css commun  	*/
* { font-family:  Arial, Helvetica, sans-serif; margin:0px; padding:0px; font-size: 12px; }
a { color: #000000; }
a:hover { color: #ed7805; }
p { text-align: left; color: #333333; }
.img_gh img { float:left; border: 1px solid #827d7b; margin-top: 0px; margin-right: 7px; margin-bottom: 7px; margin-left: 0px; }
.center { text-align: center; }
.right { text-align: right; }
.middle { vertical-align: middle; }
.left { text-align: left; }
ul { margin: 0px 0px 0px 20px; padding: 0px; text-align: left; }
li { background-repeat: no-repeat; background-position: left center; padding-left: 1px; text-align: left; list-style-image: url(http://www.gralon.net/images/puce.gif); padding-top: 2px; padding-bottom: 2px; }
td { vertical-align: top;  }
#clear { clear: both; }
.clear { clear: both; }
hr { border-top-width: 1px; border-top-style: dashed; border-top-color: #c1bdb9; height: 1px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #f9f9f9; }
/*-----------------------------------------------------------------------------Les blocs*/
#general { width: 1001px; text-align: center; margin: auto; background-color: #e6e3e3; }
#top { height: 200px; width: 1001px; padding-right: 0px; padding-left: 0px; margin: auto; }
#header_fiche-web #top { height: 158px; width: 1001px; padding-right: 0px; padding-left: 0px; margin: auto; }
#logo { float: left; width: 250px; }
.banni_haut { float: right; width: 730px; height: 90px; }
.line_search { height: 58px; width: 1001px; background-image: url(http://www.gralon.net/images/fd_top.png); background-repeat: no-repeat; background-position: top; }
.line_search b { font-size: 1.2em }
.search { width: 528px; float: left; margin-left: 7px; margin-top: 17px; height: 37px; background-image: url(http://www.gralon.net/images/fd_search.png); background-repeat: no-repeat; background-position: left top; padding-left: 2px; font-weight: bold; padding-top: 4px; vertical-align: middle; padding-bottom: 0px; }
.search a { color: #000000; text-decoration: underline; font-size: 1em; }
.search a:hover { color: #645f5d; }
input.btn-ok { background-image: url(/images/btn-input.png); background-repeat: no-repeat; height: 33px; font-weight: bold; text-align: center; margin-left: 3px; background-color: transparent; background-position: top; width: 43px; top: -6px; position: relative; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; margin-top: 5px; vertical-align: middle; }
.connexion { width: 446px; margin-right: 7px; margin-top: 17px; height: 37px; float: right; background-color: #FFF; padding-left: 10px; font-weight: bold; padding-top: 4px; vertical-align: middle; }
.connexion a { color: #000000; text-decoration: underline; }
.connexion img { vertical-align: middle; }
.connexion a:hover { color: #645f5d; }
#containMenuTop { background-color: #e6e3e3; width: 987px; height: 50px; padding-right: 7px; padding-left: 7px; border-top-width: 1px; border-top-style: solid; border-top-color: #e6e3e3; }
#supportext_fiche-web { width: 987px; background-color: #FFF; margin: 7px 7px 0px; }

.content_bas { width: 987px; margin: auto; text-align: left; }
.content_bas table{ margin: 0px; background-color: #827d7b; height: 30px; }
.content_bas table td{ padding-top: 5px; }
.content_bas table ul { font-size: 1.2em; color: #FFF; text-align: right; margin: 0px; padding: 2px 0px 0px; font-weight: bold; }
.content_bas table li { margin: 0px 0px 4px; padding: 0px; text-align: center; list-style-image: none; list-style-type: none; }
.content_bas table li a { font-size: 1em; font-weight: normal; text-decoration: none; }
.newsletter { width: 270px; margin-right: 14px; text-align: right; float: right; }
.newsletter input{ vertical-align: middle;}
.newsletter input.go { border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; height: 19px; width: 28px; vertical-align: middle; }
.chemin { margin: 7px; }
/* ------------------------------------------------------------------objet de formulaire*/
.bani_booking { height: 85px; width: 728px; background-color: #dacdb3; background-image: url(http://www.gralon.net/images/fd_booking.gif); vertical-align: top; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
table.form_booking { margin-left: 44px; width: 545px; margin-top: 0px; }
table.form_booking td { font-size: 14px; color: #000; padding-bottom: 4px; font-weight: bold; }
table.form_booking h3 { color: #000; text-align: left; width: 250px; font-size: 22px; }
table.form_booking span { color: #feab40; width: 150px; background-image: url(http://www.gralon.net/images/puce_booking.gif); font-style: italic; background-repeat: no-repeat; background-position: left; padding-left: 25px; }
table.form_booking span a { color: #5d5642; font-weight: bold; font-size: 14px; }
table.form_booking input { border:thin #333 solid }
table.form_booking select { border:thin #333 solid; margin-left: 8px; }
table.form_booking input.btn { background-image: url(http://www.gralon.net/images/go_booking.gif); height: 21px; width: 31px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; color: #000; }

/*--------------------------------------------------------------------------------colonne centrale */


.content_bas ul { width: 120px;}

body { background-repeat: repeat-y; margin: 0px; background-position: center top; background-image: url(http://www.gralon.net/images/fd_body.gif); text-align: center; }
h1 { font-size: 0.9em; color: #ffffff; text-align: center; }
#header {  clear: both; position: relative; z-index: 1; height: 219px; margin: auto; background-image: url(http://www.gralon.net/images/fd_header.gif); background-repeat: repeat-x; background-position: center; }
#header_fiche-web { clear: both; position: relative; z-index: 1; height: 168px; margin: auto; background-image: url(http://www.gralon.net/images/fd_header.gif); background-repeat: repeat-x; background-position: center; text-align: center; }
.banni_habillage { height: 6px; text-align: center; }
.titre { background-color: #c8c3c1; font-size: 1.2em; font-weight: bold; color: #000000; height: 24px; margin-top: 7px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-left: 7px; }
.titre a{font-size: 1em;  }
#bloc_pub h2 { background-color: #e27f13; margin: 0px auto 2px; font-family: Geneva, Arial, Helvetica, sans-serif; font-size: 13px; font-weight: bold; text-transform: uppercase; color: #000000; text-align: left; height: 21px; padding-top: 2px; background-image: url(http://www.gralon.net/images/new_fd_titre.gif); background-repeat: repeat-x; background-position: top; }
#bloc_list { margin: 7px; }
#bloc_list h2  { background-color: #ee7c0a; margin: 0px; font-size: 1.2em; color: #FFF; background-image: url(http://www.gralon.net/images/img_cat.png); background-repeat: no-repeat; background-position: left top; height: 20px; padding-left: 18px; text-align: left; padding-top: 3px; }
#bas { clear: both; position: relative; z-index: 2; padding-top:7px; margin: auto; background-color: #c3bebc; background-image: url(http://www.gralon.net/images/fd_bas.gif); background-repeat: repeat-y; background-position: center 100%; display: block; padding-bottom: 7px; text-align: center; }
#bas a { color: #ffffff; }
#bas a:hover { color: #000000; }