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

div#conteneur {
 position:relative;
 min-height:100%;
 margin: 0 auto;
 text-align: left;
 width: 980px;
 background: #fff url(images/contenu.jpg) repeat-y top left;
 border:0;
}

h1#header {
 height: 266px;
 background: #3f6442 url(images/banniere.jpg) no-repeat left top;
 margin: 0;
}

h1#header a {
   text-decoration:none;
}


h1#header a span {
 color: #fff;
 font:normal 1.1em Calibri, Arial, sans-serif;
 margin:-5px 0 0 10px;
 text-decoration:none;
}

#menu, #menu ul {
 height: 33px;
 margin: 0;
 padding: 0;
 list-style-type: none;
 z-index: 5;
 background: url(images/fond_menu.png) repeat-x left top;
}

#menu li {
 float: left;
 text-align: left;
 color:#fff;
 background: url(images/menu_sep.png) no-repeat right top;
}

#menu li a {
 font:normal 1.1em/33px helvetica,sans-serif;
 margin:0;
 padding:0;
 display:block;
 color:#fff;
 text-decoration:none;
 text-align: center;
 padding: 0 24px 0 24px;
}

#menu li:hover, #menu li a:hover, #menu li:focus, #menu li a:focus, #menu li .selec, a.selec {
 background: url(images/menu_on.png) no-repeat right top;
}

.center               { text-align:center;}
img                   { border:0;}
acronym 			  { border-bottom: 1px dotted #accbdf; cursor: default; }
hr                    { color:#fff; background:#1e581e; height:1px;}

div#lateral           { float:right; width:188px; background: url(images/lateral.jpg) no-repeat 0px 0px; text-align:right;
                        padding:0 15px 0 15px; margin:0; min-height:300px;}
div#lateral h2        { color: #fff; font:bold 1.2em Arial,sans-serif; margin: 13px 0px; padding: 8px 0 0 8px; border-bottom: 1px solid #fff; font:bold 1.2em 'Times New roman',serif; text-align:right; }
div#lateral ul        { list-style-type: none; padding:0; margin:0 0 0 8px;  text-align:right;}
div#lateral li        { padding:6px 0px;  text-align:right; color:#fff;}
div#lateral li a      { color:#fff; padding:0; margin:0;}
div#lateral li a:hover, div#lateral li a:focus { color:#c0c0c0;}
div#lateral h3        {	color: #3f6442; font:bold 0.8em verdana,sans-serif; border-bottom: 1px dotted #abae84; margin:15px 0 -5px 0; text-align:right;}
div#lateral p         { font-size: 0.8em; font-family: Georgia;}

#photoale {
 margin: 20px 0 10px 0;
 text-align:center;
}

#photoale img {
  border:7px solid #fff;
  width:170px;
  -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);
}

#photoale img: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: 2;
}

#photoale2 img {
  border:7px solid #fff;
  width:160px;
  margin-top:-15px;
  -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);
}

#photoale2 img: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: 3;
}


div#contenu           { margin :0 0 15px 0; padding: 10px 240px 10px 20px;}
div#contenu h2        { margin: 10px 0px; text-align:left; padding-left: 0px; line-height: 25px; font-size: 1.3em; color: #3f6442; border-bottom: 1px solid #abae84; font:bold 1.4em 'Georgia',serif;}
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: #3f6442; font:bold 1.1em Arial,sans-serif; border-bottom: 1px dotted #abae84; margin-bottom:-5px;}
div#contenu h4        {	color: #3f6442; font:bold 1em Verdana,serif; }

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

div.row               {	clear: both; padding-top: 10px;}
div.row span.label    {	float: left; width: 130px; text-align: right;}
div.row span.formw    {	float: right; width: 570px;	text-align: left;}
 
.clform               { background: #D7E7F2; border: 1px solid #287CB1; padding: 5px;}
.button               { width:110px; height:25px;	background: url(images/bg_menu.gif) repeat-x 0 -4px; }

.float_photos		    { float:left; padding:5px 9px 10px 9px; margin:10px 6px 5px 6px; height:170px; border:2px solid #481313;
						  background:#5a727c; text-align:center;  width:28%;}
html>body .float_photos { margin:10px 7px 5px 7px; padding:0px 10px 20px 10px; width:28%;}
.titre_photos 			{ font-size:0.8em; font-family:Verdana, sans-serif;font-weight:normal;font-weight:normal; color:#fff; 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;}

p#footer {
 background: url(images/footer.jpg) no-repeat 0 0;
 height:40px;
 color: #c0c0c0;
 text-align:right;
 clear: both;
 font-size : 1em;
 padding: 10px 40px 0 7px;
 margin:0;
 line-height: 40px;
}

p#footer a {
 color: #c0c0c0;
 text-decoration: underline;
}

p#footer a:hover, p#footer a:focus {
 color: #000;
}