/*** 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 {margin-bottom: 1em;}
dd li {margin: 0.2em 0 0.2em 1em; list-style: disc;}

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

/*** body
*********************************/
body {
 background: #fff;
 color: #000;
 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 {
 display: block;
 height: 200px;
 width: 750px;
 voice-family:"\"}\"";
 voice-family:inherit;
 text-indent: -700em;
}

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

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

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

/*** columns
*********************************/
.twoCol div.col1 {
 float: left;
 width: 45%;
}

.twoCol div.col2 {
 float: right;
 width: 45%;
}

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

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

.threeCol div {
 float: left;
 width: 30%;
}

.threeCol div.centerCol {
 margin: 0 4.9%;
}
/*** footer
*********************************/
#footer {
 position: relative;
 background: url(/media/footer.jpg) no-repeat;
 width: 750px;
 height: 114px;
}

#footer :link, #footer :visited {color: #000;}

#footer address {
 position: absolute;
 right: 0;
 bottom: 0;
 padding: 0.5em;
 text-align: right;
 font-size: 80%;
}

#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: 170px;
 right: 0;
 margin: 0;
 background: transparent url(/media/top_corner3.gif) no-repeat;
 line-height: 1;
}

ul#menu li {
 float: left;
 padding-top: 5px;
 padding-bottom: 5px;
 background: transparent url(/media/bottom_corner2.gif) no-repeat left bottom;
 font-size: x-small;
 width:572px;
}

ul#menu li strong {display: none;}

ul#menu ul {margin: 0; line-height: 1; background: #000; }

ul#menu li > ul {padding-right: 0.3em;}

ul#menu ul li {
 display: inline;
 float: none;
 padding: 0;
 background-color: transparent;
 background-image: none;
}

ul#menu ul > li {margin-right: -0.3em;}

ul#menu a {
 border-right: 1px solid #fff;
 padding: 0 5px 0 3px;
 font-size: x-small;
 line-height: 1;
}

ul#menu li#first {padding-left: 5px;}
ul#menu li#last a {border-right: none;}

ul#menu :link, ul#menu :visited {color: #fff;}
ul#menu #current:link, ul#menu #current:visited {font-weight: bold;}

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

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

/*** minor document sections
******************************************************************/

.center {display: block; text-align: center;}																
.mge {padding-right: 160px;}
.mge2 {
 padding-right: 160px;
 text-transform: uppercase;
 color: #c0c0c0;
 font-size: 95%;
}
.clear {clear: both;}

/*** lettrine
*********************************/
.lettrine, .lettrine li {
 text-indent: 34px;
 line-height: 1.5;
 background: transparent url(/media/lettrine.gif) no-repeat;
}

/*** form
*********************************/
fieldset.champ p.alarm {color: #69431E;}

/*** coup de coeur
*********************************/
#coup_coeur {margin-top: 1em; background: transparent url(/media/accueil/info-milieu.gif) repeat-y;}

#coup_coeur dt {
 height: 59px;
 background: transparent url(/media/accueil/info-haut.gif) no-repeat;
}

#coup_coeur dt strong {display: none;}

#coup_coeur dd {
 paddint-bottom: 24px;
 background: transparent url(/media/accueil/info-bas.gif) no-repeat left bottom;
}

#coup_coeur dd img {
 display: block;
 margin: 0 auto 0.5em auto;
}

#coup_coeur dd p {
 margin-bottom: 0;
 padding: 0 14px 20px 14px;
 font-size: x-small;
}

/*** encart
*********************************/
.encart  {
 background: #EDE1B4 url(/media/box_bottom.gif) no-repeat bottom left;
 color: #000;
}

.encart dt {
 background: transparent url(/media/box_top.gif) no-repeat top left;
}

.encart dt strong {
 display: block;
 padding: 5px 10px 10px 10px;
 background: transparent url(/media/box_top.gif) no-repeat top right;
}

.encart dd {
 padding: 0px 10px 10px 10px;
 background: transparent url(/media/box_bottom.gif) no-repeat bottom right;
}

.encart dl dt, .encart dl dd {
 padding: 0;
 background-image: none;
}

	#vitrines #rightCol .encart {
	 position: relative;
	 background-color: #000;
	 color: #fff;
	}
	
	#catalogue .encart {
	 font-size: 105%;
	}

/*** thumb
*********************************/
.thumb {margin: 1em 0;}

.thumb dt {
 padding-bottom: 0.2em; 
 color: #c0c0c0;
}

.thumb dd img {margin: 0 3px 6px 0;}

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

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

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

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

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

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

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

/*** cite
*********************************/
cite {
 font-family: 'times new roman';
 font-size: 115%;
 font-style: normal;
}

/*** em
*********************************/
em {font-style: normal; color: #ae7434; font-weight: bold;}

/*** h
*********************************/
h2 {
 margin-bottom: 1em;
 font-family: georgia, serif;
 font-weight: bold;
 font-size: 130%;
}

h3 {
 font-weight: bold;
 font-size: 110%;
}

	#actualites #mainCol h3 {display:none;}
	#presse .rightCol h3, #contact #mainCol h3 {margin-bottom: 1em;}
	#actualites #archives h3 {
	 text-align: right;
	 text-transform: capitalize;
	}

	#catalogue #mainCol h3 {
	 border-top: 1px solid #f0f0f0;
	 padding: 0.2em 0;
	}
	
/*** p
*********************************/
p.retour {
 padding-right: 15%;
 text-align: right;
 clear: both;
}
	#actualites #archives p.retour {padding-right: 0;}
	
	p#last_update {position: absolute; bottom: 5px; left: 10px; margin: 0; font-weight: bold; font-size: 80%;}

/*** ul
*********************************/
#actualites #archives ul, #catalogue #rightCol ul {
 margin: 5px 20px 5px 40px;
 line-height: 1.5;
}

/*** li
*********************************/
.encart li {margin-bottom: 1em;}

#catalogue #mainCol li {
 display: inline;
 padding-left: 20px;
}

#catalogue #rightCol li {
 font-size: 110%;
 font-weight: bold;
 text-transform: capitalize;
 list-style-type: none;
}
					
#catalogue #rightCol li.current, #actualites #archives li.current {list-style-type: square;}

/*** img
*********************************/
#presse .centerCol img {float: left;}

#presse img#galerie {margin-top: 40px;}			
#presse img#atelier, #presse img#exemple {
 float: right;
 margin-top: 27px;
}

/*** object
*********************************/
object {display: block; margin: 0 auto;}
#accueil object {margin-left: 300px;}
#contact object {margin-top: 60px; margin-bottom: 20px;}

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

/*** header
*********************************/
#accueil #header, #mentions #header, #erreur404 #header {
 background: url(/media/bandeau/accueil/bandeau-1.jpg) no-repeat;
}

#presentation #header, #vitrines #header, #catalogue #header,
#actualites #header, #presse #header {
 background: url(/media/bandeau/rotate.php) no-repeat;
}

#contact #header {background: url(/media/bandeau/bandeau-5.jpg) no-repeat;}

/*** main
*********************************/
#accueil #main {
 padding-top: 10px;
 padding-bottom: 0;
 background: transparent url(/media/accueil/logo3.gif) no-repeat 100% 90%;
}

#contact #main {background: transparent url(/media/contact/quintessence.jpg) no-repeat 314px 2em;}

/*** mainCol
*********************************/
#accueil #mainCol {
 float: right;
 width: 450px;
 padding: 88px 200px 0 0px;
 background: transparent url(/media/accueil/logo1.gif) no-repeat 0px 0px;
 voice-family:"\"}\"";
 voice-family:inherit;
 width: 250px;
}

.dummy {} /** déclaration factice */
					
#presentation #mainCol, #catalogue #mainCol {width: 500px;}

#vitrines #mainCol {width: 300px;}

#actualites #mainCol, #actualites #view {width: 575px;}

#contact #mainCol {width: 461px;}

/*** leftCol
*********************************/
#accueil #leftCol {width: 193px;}

/*** rightCol
*********************************/
#presentation #rightCol, #catalogue #rightCol {width: 220px;}					

#vitrines #rightCol {width: 420px;}

#contact #rightCol {width: 259px;}
			
#actualites #archives {width: 155px;}