body{		background-color:#757371;text-align:center;margin:0;padding:0;font-family:Verdana;font-size:80%;color:#3C2F2F}
img{		border:0}
h1{			margin: 110px 27px 36px 27px;color:#676666;font-size:250%;font-weight:normal;line-height:20px}
h2{			margin: 7px 27px 7px 27px;color:#990000;font-size:160%}
h3{			margin: 7px 27px 7px 27px;color:#990000;font-size:110%}
p{			margin: 7px 27px 7px 57px}
.puceGris{	margin-right: 4px;vertical-align:middle}
ul {		padding-left: 23px;	margin: 10px 20px 0 50px;	list-style-image: url('puce-gris.gif');}
a{			color:#990000;text-decoration:none}
a:hover{	text-decoration: underline}
#page{		width:995px;background:transparent url('fond-page.gif') repeat-y scroll right top;margin:0 auto}
#contenu{	width:620px;float: right;margin-right:10px;background:transparent url('fond-contenu.jpg') no-repeat scroll right top;text-align:left;position:relative}
#menu{		width:340px;float: right;text-align:left;margin-top: 185px}
#menu a{	display:block;color:#FFFFFF;line-height:20px;font-size:110%}
#menu a:hover{	text-decoration:none;font-weight:bold;background-color:#8E8C8A}
.menuRien {	background:transparent url('trait-menu.gif') repeat-x scroll left bottom; font-weight:bold;margin-top:10px}
.menuOf {	background:transparent url('puce-of.gif') no-repeat scroll left center;padding-left: 17px}
.menuOn {	background:transparent url('puce-on.gif') no-repeat scroll left center;padding-left: 17px}
#pied{		margin: 56px 27px 0px 27px;text-align:center;color:#990000;font-size:9pt}
#pied a { padding: 5px;	display: inline-block;}

body#enfants a.enf,
body#ados 	 a.ado,
body#adultes a.adu,
body#couples a.cou,
body#index a.ind,
body#present a.pres,
body#references a.ref,
body#contact a.con
{	background:transparent url('puce-on.gif') no-repeat scroll left center;padding-left: 17px;font-weight: bold;}

body#enfants a.enfPied,
body#ados 	a.adoPied,
body#adultes a.aduPied,
body#couples a.couPied,
body#index a.indPied,
body#present a.presPied,
body#references a.refPied,
body#contact a.conPied
{	background-color:#FEFEFE;color: black;}

@media only screen and (max-width: 600px) {
#page, #menu, #contenu {float: none;	width: 100%;	margin: 0; background-image: none;}
#menu {	margin: 1em 2em;}
#menu a {line-height: 30px;}
#contenu {background-color: #f7f7e2;}
h1 {margin: 0px 17px 36px 27px;	padding-top: 40px;}
div > img, h1 > img {	border: 0;	display: none;}
p {	margin: 17px 20px 7px 27px;}
}