@charset "UTF-8";
body {
	background:#B0AC86;
	padding:0;
	margin:0;
	font-size:0.75em;
	line-height:1.4em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
div#page {
	position:relative;
	width:955px;
	padding:0;
	margin:0 auto;
	background:#484a43;
	color:white;
	border:1px solid white;
}
img {
	border:none;
	margin:0;
	padding:0;
}
a {
	color:white
}
a:hover {
	color:#DCC;
	text-decoration:none
}
h1#logo {
	margin:0;
	padding:0;
	background:none;
	height:110px
}
hr.separation {
	clear:both;
	visibility:hidden;
	border:none;
	height:1px;
	font-size:1px;
}
#annexe {
	padding:10px;
	margin:0;
	border-top:1px solid white;
}
#annexe li {
	display:inline;
	margin:0 10px;
	padding:0;
}
div#pied {
	width:955px;
	margin:10px auto;
	color:#666;
}
#annexe a {
	text-decoration:none;
	color:#ccc;
}
#annexe a:hover {
	text-decoration:none;
	color:white;
}
div#contenu {
	padding:0 0 0 23px;
	margin:0;
}
div#contenu div {
	padding:0;
	margin:0 23px 0 0;
	float:left;
}
div#contenu div div {
	padding:0;
	margin:0;
}
div#contenu div div.inside {
	padding:0;
	margin:0 0 0 23px;
}
div.colonne-1x4 {
	width:210px;
}
div.colonne-2x4 {
	width:443px;
}
div.colonne-3x4 {
	width:676px;
}
div.colonne-4x4 {
	width:909px;
}
div#contenu h2 {
	border-top:1px solid white;
	padding:0.4em 0.5em 15px 0.5em;
	font-size:1.2em;
	font-weight:normal;
	font-variant:small-caps;
	margin:1.5em 0 0.5em 0;
}
div#contenu h1 {
	font-weight:normal;
	text-shadow:#000000;
	color:#CCC
}
div#contenu h3 {
	padding:0 0 3px 0;
	font-size:1em;
	font-weight:normal;
	letter-spacing:0.1em;
	margin:1em 0 0.5em 0;
	letter-spacing:0.1em;
	list-style-type:square;
	list-style-position:inside;
	text-transform:uppercase;
	border-bottom:1px solid #CCC;
	display:list-item;
}
div#contenu h4 {
	padding:0;
	font-size:1em;
}
.rubrique-a {
	background:url(../images/structure/fond-rubrique-a.gif) repeat-x left bottom #403535;
}
.rubrique-b {
	background:url(../images/structure/fond-rubrique-b.gif) repeat-x left bottom #502535
}
.rubrique-c {
	background:url(../images/structure/fond-rubrique-c.gif) repeat-x left bottom #603030;
}
.rubrique-d {
	background:url(../images/structure/fond-rubrique-d.gif) repeat-x left bottom #604530;
}
ol.liste-lien {
	list-style-image:url(../images/structure/puce-lien.gif);
	list-style-position:inside;
	margin:0;
	padding:1em 1em 1em 1em;
}
ol.liste-lien a {
	text-decoration:none
}
a.lien-photo {
	padding-left:25px;
	padding-bottom:2px;
	padding-top:3px;
	background:url(../images/structure/lien-photo.gif) no-repeat top left #484a43;
}
.illustration-1 {
	float:left;
	margin:0 23px 23px 0;
}
.illustration-2 {
	float:right;
	margin:0 0 23px 23px;
}
.mosaic-photo {
	margin:4px;
	padding:0;
}
.detail {
	background:url(../images/structure/icone-detail.gif) no-repeat 0 4px #484a43;
	text-indent:10px
}
ol#manuel {
	padding:0 0 5px 0;
	margin:0;
}
ol#manuel li {
	float:left;
	width:306px;
	list-style-position: inside;
	font-size:1em;
	line-height:2em;
	border:1px solid white;
	padding:0;
	margin:15px;
	color:#white;
}
ol#manuel dl {
	padding:0;
	margin:0 0 0 0;
	background:#38333A;
	color:#FFFFFF;
	line-height:normal;
	font-size:0.8em;
}
ol#manuel dd {
	padding:0.6em;
	margin:0;
	height:5em;
}
ol#manuel dt {
	padding:0;
	margin:0 2px;
}

#photo { list-style:none; margin:0; padding:0}
 #photo li { list-style:none; margin:10px 0; padding:2px;border:1px solid white; width:200px; height:200px;}