body {
 margin: 0;
 padding: 0;
 background: #000 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: 17px 125px 0px 0px;
 display: block;
 float:right;
 width:200px;
 height:230px;
 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:#000;}

.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 : 0px;
 padding: 0 140px 20px 152px;
 min-height:250px;
}
div#contenu h2        { text-align:right; padding-left: 0px; line-height: 25px; font-size: 1.3em; color: #023680; border-bottom: 1px solid #287CB1;}
div#contenu h2 span   { margin-top:3px; float:left; font-size: 0.7em; color: #023680;}
div#contenu h2 span a { text-decoration:none;}
div#contenu h3        {	color: #023680; font:bold 1.2em Georgia,serif; border-bottom: 1px dotted #accbdf;}

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;}

img.photo_gauche {
  margin:10px 5px;
  border:7px solid #fff;
  -webkit-transform: rotate(-5deg); -moz-transform: rotate(-5deg); -o-transform:  rotate(-5deg);
  -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);
}

img.photo_gauche:hover {
 -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25);
 -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);  -o-box-shadow: 0 3px 6px rgba(0,0,0,.5);
 position: relative;
 z-index: 5;
}

img.photo {
  margin:10px 5px;
  border:7px solid #fff;
  -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);
}

img.photo:hover {
 -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25);
 -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);  -o-box-shadow: 0 3px 6px rgba(0,0,0,.5);
 position: relative;
 z-index: 5;
}

img.photo_droite {
  margin:10px 5px;
  border:7px solid #fff;
  -webkit-transform: rotate(5deg); -moz-transform: rotate(5deg); -o-transform:  rotate(5deg);
  -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);
}

img.photo_droite:hover {
 -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -o-transform: scale(1.25);
 -webkit-box-shadow: 0 3px 6px rgba(0,0,0,.5); -moz-box-shadow: 0 3px 6px rgba(0,0,0,.5);  -o-box-shadow: 0 3px 6px rgba(0,0,0,.5);
 position: relative;
 z-index: 5;
}

.titre_photos 			{ font-size:0.8em; font-family:Verdana, sans-serif;font-weight:normal;font-weight:normal; color:#0F337F; margin: 10px 0 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:23px;
 margin: 5px 0 0 131px;
 padding:70px 165px 0 0;
 background: url(images/footer.jpg) no-repeat left top;
 font:normal 0.9em helvetica,sans-serif;
 text-align:right;
 color: #33343e;
}

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