/*** undo default browser styles
******************************************************************/
body, html, h1, h2, h3, h4, h5, h6, pre, code, p, blockquote, form, fieldset, input, ul, ol, li, dl, dt, dd {margin: 0; padding: 0;}

ul, ol {list-style: none;}

h1, h2, h3, h4, h5, h6, pre, code {font-size: 1em;}

a img, :link img, :visited img, object {border: none;}

:link, :visited {text-decoration: none;}

address {font-style: normal;}

fieldset {border: none;}

/*** reset some basic style
******************************************************************/
p, object, ul, dl {margin-bottom: 1em;}
dd li, li li {margin: 0.2em 0 0.2em 1em; list-style: disc;}

/*** major document sections
******************************************************************/

/*** body
*********************************/
body {
 background: #fff;
 color: #3382c7;
 font-family: verdana, sans-serif;
 font-size: x-small;
 text-align: center;
 voice-family: "\"}\"";
 voice-family: inherit;
 font-size: small;
}

.dummy {} /** déclaration factice */

/*** container-outer
*********************************/
#pagewidth {
 position: relative;
 margin: 20px auto;
 width: 750px;
 text-align: left;
}

/*** header
*********************************/
#header {
 height: 162px;
 width: 750px;
 background: #fff url(/media/moulin-cornevis.gif) no-repeat top left;
}

/*** main
*********************************/
#main {
 width: 750px;
 min-height: 300px;
 padding-top: 2em;
 font-size: 85%;
}

* html #main {height: 300px;} /* IE */

/*** columns
*********************************/
.twoCol #mainCol, .twoCol #leftCol, .twoCol #view {
 float: left;
}

.twoCol #rightCol, .twoCol #archives {
 float: right;
 font-size: 95%;
}

.threeCol .col {float: left;}

#mainCol .content {padding: 1em 20px 0 0;}
#rightCol .content, #archives .content {padding-left: 20px;}
.col .content {padding: 0 10px;}

.twoCol #archives {
 clear: right;
 margin-top: 2px;
 border-top: 1px solid #3382c7;
 padding-top: 2px;
}

/*** footer
*********************************/
#footer {
 width: 750px;
 margin-top: 2px;
 margin-bottom: 10px;
 border-top: 1px solid #3382c7;
 padding-top: 2px;
 background: transparent url(/media/gites-de-france.gif) no-repeat 0 5px;
 font-size: 80%;
}

#footer p {float: left; padding: 10px 0 0 182px;}
#footer address {float: right;text-align: right;}

#copyright {
 font-size: 80%;
 color: #c0c0c0;
}

#copyright a:link, #copyright a:visited {
 color: #c0c0c0;
 text-decoration: underline;
}

#copyright a:focus, #copyright a:hover {color: #98826a;}

/*** nav-main
*********************************/
ul#menu {
 position: absolute;
 top: 70px;
 left: 500px;
 margin: 0;
}

ul#menu li {
 line-height: 1.5;
 font-size: x-small;
}

ul#menu li:first-letter {text-transform: uppercase;}
ul#menu li#currentItem {list-style-type: disc; color: #fff;}

ul#menu a:link, ul#menu a:visited {font-weight: bold; color: #3382c7;}
ul#menu li#currentItem a:link, ul#menu li#currentItem a:visited {color: #fff;}

/*** common.js
*********************************/
#top {display: block;} /* safari */

#link_top {position: absolute; right: 0; bottom: 0; font-size: x-small;}

/*** minor document sections
******************************************************************/
.fr, .en {
 padding-left: 20px;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: 0% 50%;
}

.fr {background-image: url(/media/fr.gif);}
.en {background-image: url(/media/en.gif);}

.clear {clear: both;}

/*** form
*********************************/

/*** bulletin,catalogue
*********************************/
.bulletin {margin-bottom: 1em;}

.bulletin dt {
 border-top: 1px solid #f0f0f0;
 padding: 0.2em 0;
 font-weight: bold;
 font-size: 110%;
 color: #ae7434;
}

.bulletin dd {padding-bottom: 0.5em;}

.bulletin .publication {
 text-transform: uppercase;
 color: #909090;
 font-size: 95%;
}

    #mainCol .bulletin img, #view .bulletin img {
     float: left;
     margin: 0.5em 30px 0.5em 0;
    }

    #rightCol .bulletin img {display: block; margin: 0.5em 0;}

/*** specific tags
******************************************************************/

/*** a
*********************************/
a:link, a:visited {color: #c6a57a;}
a:focus, a:hover {text-decoration: underline;}

/*** cite
*********************************/
        #presentation cite {display: block; margin-bottom: 1em;}

/*** em
*********************************/


/*** h
*********************************/
h1 {text-indent: -700em;} /* header */

h2 {
 margin-bottom: 1em;
 font-size: 110%;
 font-weight: bold;
}
        #presentation h2 {margin-bottom: 0;}
        h2 strong b {display: none;}

h3 {
 margin-bottom: 0.5em;
 font-size: 100%;
 font-weight: bold;
}

    #decouverte h3 {padding: 2px 4px; background: #3382c7; color: #fff; text-transform: uppercase;}

/*** p
*********************************/
p.retour {
 padding-right: 15%;
 text-align: right;
 clear: both;
}

/*** dl
*********************************/
#accueil dl {
 text-align: right;
}

dt strong b {display: none;}

/*** ul
*********************************/


/*** li
*********************************/


/*** img
*********************************/


/*** object
*********************************/


/*** specific header / columns
******************************************************************/

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


/*** main
*********************************/


/*** mainCol
*********************************/
#accueil #mainCol {width: 476px; background: transparent url(/media/bordure.gif) repeat-y 100% 0%;}
#mentions #mainCol, #erreur404 #mainCol {width: 70%;}
#decouverte #mainCol, #decouverte #view, #reservation #mainCol {width: 560px;}

/*** leftCol
*********************************/


/*** rightCol
*********************************/
#accueil #rightCol {width: 274px;}

#presentation .col {width: 33%;  background: transparent url(/media/bordure.gif) repeat-y 100% 0%;}
#presentation #rightCol {background: transparent;}
#decouverte #rightCol, #decouverte #archives, #reservation #rightCol {width: 185px;}

span.epis3 {
 padding-right: 30px;
 background: transparent url(/media/3epi.gif) no-repeat right center;
}