@charset "utf-8";

/* Général */
* {margin:0;border:0;padding:0;}
html {background: #2d3637 url("./html.jpg") no-repeat fixed top left; overflow: scroll;}
body {background: transparent url("./body.gif") no-repeat fixed top center;}

/* Credit */
div#credit {width: 664px; margin: 0 auto 0 auto;}
div#credit p {padding: 2px 27px 10px 0; text-align: right; font: normal 9px "verdana", sans-serif; color: #575e5f;} /* Revoir la couleur de la typo */
div#credit p a {color: #575e5f; text-decoration: none;}
div#credit p a:hover {color: #CBE100; text-decoration: none;}

/* Feuille + adresse */
div#feuille {background: transparent url("./background.gif") repeat-y scroll top center; width: 664px;}

/* Page */
div#page {background: transparent url("./divfeuille.gif") no-repeat scroll bottom center; width: 602px; padding: 0 31px 0 31px;}
div#page h1 {height: 0; font-size: 0; text-indent: -9000px;}
div#page div {padding: 5px 15px 15px 15px;}
div#page div h2 {margin: 0 0 10px 0; font: italic normal normal 32px georgia, serif;}
div#page div h2 span {color: #bd1220; font: italic normal bold 32px georgia, serif;}
div#page div h3 {margin: 15px 0 10px 0; font: italic normal bold 17px georgia, serif; color: #bd1220;}
div#page a {color: #000; text-decoration: underline;}
div#page a:hover {color: #bd1220; text-decoration: none;}
div#page p {padding: 0; text-align: left; font: normal 9px "verdana", sans-serif; color: #000;} /* #58676F */
div#page address {padding: 0; text-align: left; font: normal 9px "verdana", sans-serif; color: #000;} /* #58676F */
div#page address#adresse {padding: 40px 70px 20px 10px; text-align: right; font: normal 9px "verdana", sans-serif; color: #3E4448;}
div#page address#adresse a {color: #3E4448; text-decoration: none; border-bottom: 1px solid #eceded; padding: 0 0 2px 0;}
div#page address#adresse a:hover {color: #3E4448; text-decoration: none; border-bottom: 1px solid #bd1220;}
div#page address#adresse span {font-weight: bold;}

/* Menu */
div#page ul#menu {padding: 10px 5px 10px 5px;}
div#page ul#menu li {list-style-type: none; list-style-position: outside; display: inline; font: normal normal normal 12px verdana, sans-serif; text-transform: uppercase;}
div#page ul#menu li span {color: #000; text-decoration: none; border-bottom: 4px solid #bd1220; padding: 0 0 4px 0; margin: 0 3px 0 0;}
div#page ul#menu li a {color: #000; text-decoration: none; border-bottom: 4px solid #eceded; padding: 0 0 4px 0; margin: 0 3px 0 0;}
div#page ul#menu li a:hover {color: #bd1220; border-bottom: 4px solid #bd1220;}

/* Sous Menu */
div#page ul#sousmenu {padding: 10px 5px 10px 5px;}
div#page ul#sousmenu li {list-style-type: none; list-style-position: outside; display: inline; font: normal normal normal 9px verdana, sans-serif;}
div#page ul#sousmenu li span {color: #000; text-decoration: none; border-bottom: 1px solid #bd1220; padding: 0 0 3px 0;}
div#page ul#sousmenu li a {color: #000; text-decoration: none; border-bottom: 1px solid #eceded; padding: 0 0 3px 0;}
div#page ul#sousmenu li a:hover {color: #bd1220; border-bottom: 1px solid #bd1220;}

/* Photo */
div#page div#photo {text-align: center; padding: 5px 0 0 0; background: transparent url("./chargement.gif") no-repeat scroll center center;}
div#page div#photo img#photographie{}
div#page div#photo a#prec {width: 100px; height: 17px; float: left; display: block;}
div#page div#photo a#suiv {width: 100px; height: 17px; float: right; display: block;}

/* Description */
div#page div#description h2 {margin: 20px 0 5px 0; font: normal normal bold 12px verdana, sans-serif;}
div#page div#description h2 span {font: normal normal normal 9px verdana, sans-serif;}
div#page div#description div.address {margin: 0 0 10px 0; font: italic normal normal 9px verdana, sans-serif;}
div#page div#description p {font: normal normal normal 9px verdana, sans-serif; margin: 0 0 15px 0;}
div#page div#description dl {padding: 0 0 5px 0;}
div#page div#description dt {font: normal normal bold 9px verdana, sans-serif; float: left; margin: 0 5px 0 0;}
div#page div#description dd {font: normal normal normal 9px verdana, sans-serif;}

div#page div#thumnails {text-align: center; margin: 0;}

/* Contact */
div#page div#contact {background: transparent url("./20050719172135_0512.jpg") no-repeat scroll top right;}
div#page div#contact dl {padding: 0 0 5px 0;}
div#page div#contact dt {font: normal normal bold 12px verdana, sans-serif;}
div#page div#contact dd {margin: 0 0 5px 15px; font: normal normal normal 12px verdana, sans-serif;}
div#page div#contact dd address {font: normal normal normal 12px verdana, sans-serif;}

/* Cv */
div#page div#cv h4 {margin: 15px 0 10px 0; color: #575e5f;}
div#page div#cv p {margin: 0 0 6px 0; text-indent: 15px; font: normal normal normal 12px verdana, sans-serif; text-align: justify;}
div#page div#cv p span {color: #bd1220; font: italic normal bold 12px verdana, sans-serif;}
div#page div#cv a {color: #575e5f; text-decoration: underline;}
div#page div#cv a:hover {color: #CBE100; text-decoration: none;}
div#page div#cv em {color: #575e5f;}
div#page div#cv dl, div#page div#cv ul {margin: 0 0 0 75px; font: normal normal normal 12px verdana, sans-serif;}
div#page div#cv dl dt {margin: 7px 0 0 0; font-weight: bold;}
div#page div#cv dl dd, div#page div#cv ul li {margin: 0 0 0 10px; padding: 0 0 0 10px; background: transparent url("./puce.gif") left 6px no-repeat; list-style-type: none;}

/* Matériel */
div#page div#materiel p {margin: 0 0 10px 0; font: normal normal normal 12px verdana, sans-serif; text-align: justify;}
div#page div#materiel p a {text-decoration: underline;}
div#page div#materiel p a:hover {color: #bd1220; text-decoration: none;}
div#page div#materiel p a.nondispo {text-decoration: line-through;}
div#page div#materiel dl {padding: 0 0 5px 0;}
div#page div#materiel dt {margin: 7px 0 0 0; font: normal normal bold 12px verdana, sans-serif;}
div#page div#materiel dd {margin: 0 0 0 15px; font: normal normal normal 9px verdana, sans-serif;}

/* Boutique */
div#page div#boutique p {margin: 0 0 10px 0; font: normal normal normal 12px verdana, sans-serif; text-align: justify;}
div#page div#boutique dl {padding: 0 0 5px 0;}
div#page div#boutique dt {margin: 7px 0 0 0; font: normal normal bold 12px verdana, sans-serif;}
div#page div#boutique dd, div#page div#boutique li {margin: 0 0 0 15px; font: normal normal normal 9px verdana, sans-serif;}

div#page div#boutique table {
	border: 3px solid #000;
	border-collapse: collapse;
	width: 100%;
	margin: 15px auto 15px auto;
	font: normal normal normal 9px verdana, sans-serif;
}
div#page div#boutique th {
	border: 1px dotted #cbe100;
	padding: 5px;
	background-color: #2d3637;
	width: 25%;
	color: #fff;
}
div#page div#boutique td {
	border: 1px solid #000;
	padding: 5px;
	text-align: left;
}
div#page div#boutique tr.titre th {
	font: italic normal bold 17px georgia, serif;
}
div#page div#boutique tr.tete th {
	font: normal normal bold 12px verdana, sans-serif;
}

/* 404 */
div#page div#erreur h3 {margin: 15px 0 10px 0; font: italic normal bold 12px verdana, sans-serif; color: #bd1220;}
div#page div#erreur p {margin: 0 0 6px 0; text-indent: 15px; font: normal normal normal 12px verdana, sans-serif; text-align: justify;}

/* book */
div#page div#book div {margin: 0 0 10px 0; padding: 10px; border: solid 1px #000;}
div#page div#book div img {float: left; margin: 0 10px 0 0; border: solid 1px #000;}
div#page div#book div h3 {color: #bd1220; margin: 0 0 10px 0;}
div#page div#book div h3 a {color: #bd1220; text-decoration: none;}
div#page div#book div h3 a:hover {color: #000000; text-decoration: underline;}
div#page div#book div p {margin: 0 0 6px 0; font: normal normal normal 12px verdana, sans-serif; text-align: justify;}
div#page div#book div hr {height: 1px; margin: 0; clear: both; visibility: hidden;}