body {
 margin: 0;
 padding: 0;
 background: #be7507 url(images/background.jpg) repeat-x left top;
 text-align: center;
 font: 80% verdana, helvetica, sans-serif;
 color: #000;
}

div#conteneur {
 margin: 0 auto;
 width: 1000px;
 background: #fff url(images/contenu.jpg) repeat-y left top;
 text-align: left;
 border:0;
}

div#header {
 height: 560px;
 background: url(images/header.jpg) no-repeat left top;
 margin: 0;
}

div#header a {
 margin: 53px 125px 0px 100px;
 display: block;
 float:left;
 width:350px;
 height:150px;
 padding:0;
}

div#header a span {
 display:none;
}

#menu, #menu ul       { height: 35px; margin: -328px 0 0 10px; padding: 0; list-style-type: none; z-index: 5;}
#menu li              { float: left; text-align: center; color:#fff; margin-right:15px;}
#menu li:first-child  { margin-left:142px; }
#menu li a            { font:bold 1.1em/24px helvetica,sans-serif; margin:0; padding:0; display:block; color:#fff;
                        text-decoration:none;}
#menu li:hover, #menu li a:hover,
#menu li:focus, #menu li a:focus,
#menu li .selec, a.selec       { color:#FFCC33;}

.center               { text-align:center;}
img                   { border:0;}
hr                    { color:#fff; background:#1e581e; height:1px;}

#admin                { border:1px solid #000000; padding:5px; margin: 5px 0; background:#dff9ec; width:100%;}
#admin a              { color: #000000; text-decoration: underline; font-size: 0.9em;}
#admin a:hover        { color: #023680;}

div#contenu {
 margin : -10px 0 0 0;
 padding: 0px 140px 20px 152px;
 min-height:250px;
}
div#contenu h2        { text-align:right; padding-left: 0px; line-height: 10px; font:bold 2.2em "Palatino Linotype", Georgia, serif;
                        color: #ab294f; border-bottom: 1px solid #B43313;}
div#contenu h2 span   { margin-top:3px; float:left; font-size: 0.7em; color: #ab294f;}
div#contenu h2 span a { text-decoration:none;}
div#contenu h3        {	color: #ab294f; font:normal 1.5em "Palatino Linotype", Georgia, serif; border-bottom: 1px dotted #B43313;}

div#contenu p         {	text-align: justify; line-height: 1.2em;}
div#contenu .image    {	float: right; padding:0; margin:0;}
div#contenu .ident    {	text-align: justify; text-indent: 2em; line-height: 1.2em;}
div#contenu a         {	color: #023680;}
div#contenu a:hover   {	color: #b43313;}

.float_photos {
background:#EEEEEE;
-webkit-box-shadow: 0 3px 6px rgba(0,0,0,.25); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.25);  -o-box-shadow: 0 3px 6px rgba(0,0,0,.25);
float:left;
height:130px;
text-align:center;
width:185px;
margin:10px 12px 5px 13px;
padding:10px 10px 20px;
}

.float_photos img {
  max-width:170px;
  height: 120px;
}

.float_photos img:hover {
 -webkit-transform: scale(1.15); -moz-transform: scale(1.15); -o-transform: scale(1.15);
}

.photoleft {
  -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform:  rotate(-5deg);
}
.photoright {
  -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform:  rotate(5deg);
}

.titre_photos {
color:#0F337F;
font-family:Verdana, sans-serif;
font-size:0.8em;
font-weight:400;
margin:10px 0;
}


.vignette_droite 	    { float:right;	padding:5px; margin:0 0 5px 10px;	border:1px solid #000; background:#fff;}
.vignette_gauche 	    { float:left;	padding:5px; margin:0 10px 5px 0;	border:1px solid #000; background:#fff;}

div#footer {
 height:56px;
 margin: 10px 0 0 0;
 padding:0 138px 0 0;
 background: url(images/footer.jpg) no-repeat left top;
 font:normal 0.9em/33px helvetica,sans-serif;
 text-align:right;
 color: #33343e;
}

div#footer a {
 color:#33343e;
}