body { color: black; font-family: "trebuchet ms"; background-color: #911635; text-align: center; }
a:link { color: #7e132e ; text-decoration: none; }
a:visited { color: purple }
a:hover { color: #7e132e ; text-decoration: underline; }
img { border-style: none }
#flash { background-color: #f9b71b; width: 760px; height: 232px; margin-top: -30px; margin-bottom: 15px; border-top: 2px solid black; border-bottom: 2px solid black; border-right-color: black; border-left-color: black; }
#flash img { height: 218px; float: left; margin-top: 10px; margin-right: 25px; margin-left: 25px; }
#flash .msge { width: 98%; padding-top: 25px; }
#flash strong { font-size: 140%; font-weight: bold; }
#container    { background-color: #911635; text-align: left; margin: 5px auto 0; padding: 0; width: 793px; height: 2000px }
#page-under-top { background-image: url(images/page-top.gif); background-repeat: no-repeat; width: 793px; height: 33px; }
#page-under-gc { background-color: #911635; background-image: url(images/page-gauche.gif); background-repeat: no-repeat; background-position: 0 top; width: 16px; height: 100%; float: left; }
#page-under-dt { background-color: #911635; background-image: url(images/page-droite.gif); background-repeat: no-repeat; background-position: 0 top; width: 17px; height: 100%; float: right; }
#page {
	background-color: white;
	background-image: url(images/content-corner.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 760px;
	height: 125%;
	float: left;
}
#logo { padding-top: 16px; padding-left: 71px; }
hr.gris { background-color: silver; width: 700px; height: 1px; margin-top: 19px; margin-bottom: 29px; margin-left: 37px; border-width: 0; }
#col-gc   { width: 450px; float: left; border-right: 2px dotted silver }
#col-book-gc1 { width: 600px; float: left }
.bloc-livre-gc  { margin-bottom: 20px; padding-bottom: 10px; float: left }
.col-gc1  { float: left }
.col-gc1 img { margin-right: 10px; margin-left: 30px; float: left; clear: left }
.col-gc2  { margin-right: 10px; width: 250px; float: right }
.col-gc2 img { margin-right: 10px; float: left }
.liens-gc { width: 153px; float: left; margin: 0; padding: 0; }
.liens { margin-left: 5px; padding: 0; list-style-type: none; }
.liens li { font-size: 11px; background-image: url(images/puce.gif); background-repeat: no-repeat; background-position: left center; padding-left: 10px; }
#col-gc h2 { color: #7b0f28; font-size: 18px; font-weight: bold; margin: 0; }
#col-gc h2 a, #col-dt h2 a { color: #7b0f28; text-decoration: none; }
#col-gc h2 a:hover, #col-dt h2 a:hover { color: #7b0f28; text-decoration: underline; }
#col-gc h3 { color: #282828; font-size: 14px; font-weight: bold; margin: 0 0 5px; }
#col-gc h4  { color: #585858; font-size: 12px; font-style: normal; font-weight: 700; margin: 0 }
#col-gc p { color: #282828; font-size: 11px; margin: 10px 0 0; }
#col-gc h4 strong { font-weight: bold; }
.suite  { margin-top: 10px; float: right; clear: both }
#col-dt  { padding-left: 15px; width: 265px; float: left }
#col-dt img   { margin-right: 10px; float: left }
.rubrique  { color: gray; font-size: 12px; font-weight: bold; text-indent: 5px; margin: 0 0 10px; padding: 3px; width: 100%; float: left; border: solid 1px silver }
#col-dt h2  { color: #7e132e; font-size: 14px; font-weight: bold; margin: 0 }
#col-dt h3  { color: #282828; font-size: 12px; font-weight: bold; margin: 0 0 5px }
#col-dt p  { color: #282828; font-size: 11px; margin: 0 0 15px; padding: 0 }
#stylo  { background-image: url(images/stylo.png); background-repeat: no-repeat; margin-bottom: 50px; margin-left: 100px; width: 525px; height: 200px; clear: left  }
#baguettes { background-image: url("images/baguettes.jpg"); background-repeat: no-repeat; margin-bottom: 50px; margin-left: 100px; width: 618px; height: 236px; clear: left }
.pieces  { background-image: url("images/pieces.jpg"); background-repeat: no-repeat; background-position: 20px bottom }
#poker { background-image: url("images/poker.gif"); background-repeat: no-repeat; background-position: left bottom; width: 250px; height: 300px }
#nav  {
	font-size: 12px;
	margin-top: 5px;
	margin-right: 10px;
	width: 315px;
	height: 15px;
	float: right
}
#nav a { color: black; text-decoration: none; }
#nav a:hover { color: black; text-decoration: underline; }
#carte-visite  {
	font-size: 12px;
	background-image: url(images/carte-visite.jpg);
	background-repeat: no-repeat;
	text-align: center;
	margin-top: 25px;
	padding-top: 28px;
	width: 265px;
	height: 220px;
	float: left
}
#carte-visite strong { font-size: 14px; font-weight: 700; }
#mansucrit  { font-size: 14px; background-color: white; margin-right: 30px; margin-left: 30px }
#mansucrit img { width: 389px; height: 57px }
hr { margin-top: 1px; width: 100%; height: 1px; clear: both }
.credit { font-size: smaller; text-align: center; margin-right: 10px; width: 100px; float: left; clear: both }
.entretien { background-image: url("images/entretien.gif"); background-repeat: no-repeat; margin-left: 40px; height: 40px }
.evenement { background-image: url(images/evenement.gif); background-repeat: no-repeat; margin-left: 40px; height: 50px }
.rentree { background-image: url(images/rentree_litteraire.gif); background-repeat: no-repeat; margin-left: 40px; height: 50px; clear: left; }
.cache { display: none }
.sep { background-image: url("images/sep.gif"); background-repeat: no-repeat; background-position: center; width: 268px; height: 30px; clear: both }