body{background:#456d38 url(images/background.png) repeat-x left top;color:#000;font:0.8em verdana, helvetica, sans-serif;text-align:center;margin:0;padding:0;}

div#conteneur{background:#fff url(images/conteneur.png) repeat-y left top;border:0;text-align:left;width:980px;margin:41px auto 0;padding:0;}
div#header{background:url(images/banniere.jpg) no-repeat 19px top;height:307px;margin:0;padding:0 20px;}

#header h1{position:absolute;letter-spacing:0.15em;margin:-32px 0 0;padding:0 0 0 5px;}
#header h1 a,#header h1 a:hover{font:0.8em Tahoma, Arial, Helvetica, sans-serif;color:#fff;text-decoration:none; }

#photofer {
 background: url(images/fer.gif) repeat-y left top;
 width:140px;
 height:148px;
 position:absolute;
 margin: 215px 0 0 28px;
 z-index: 10;
}

#photoale {
 position:absolute;
 width:200px;
 margin: -10px 0 0 750px;
 text-align:right;
}

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

#photoale2 {
 position:absolute;
 width:200px;
 margin: 60px 0 0 750px;
 text-align:right;
}

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

#menu{width:942px;background:url(images/menu.png) repeat-x 0 0;height:37px;list-style-type:none;z-index:5;margin:0 0 0 19px;padding:0;}
#menu ul{background:url(images/menu.png) repeat-x 0 0;height:37px;list-style-type:none;margin:0;padding:0;}
#menu li{float:left;text-align:left;width:121px;}
#menu li:first-child{margin-left:211px;}
#menu li a{color:#fff;display:block;font:normal 1em/37px helvetica,sans-serif;letter-spacing:1px;text-align:center;text-decoration:none;margin:0;padding:0;}
#menu li:hover,#menu li .selec{background:url(images/menu.png) repeat-x 0 -37px;}
#menu li ul{border:0;left:-999em;margin-left:0;position:absolute;width:121px;}
#menu li:hover ul,#menu li.sfhover ul{cursor:pointer;left:auto;}
#menu li ul li{background:#642525;}
#menu li ul li:first-child{margin:0;}
#menu li ul li:hover,#menu li ul li:focus{background:#5b834f;}
#menu li ul li a{font:normal 0.8em/37px helvetica,sans-serif;height:37px;text-align:center;text-decoration:none;margin:0;padding:0;}

div#sousmenu{background:url(images/lateral.png) repeat-x 0 0;border:0;float:left;position:relative;width:210px;margin:0 0 0 19px;padding:8px 0 0;}
div#sousmenu h2{background:url(images/menu.png) repeat-x 0 0;color:#fff;font-size:1em;line-height:37px;text-align:center;margin:15px 0;padding:0;}
div#sousmenu p{font-size:1em;text-align:center;margin:8px 0;padding:3px;}
div#sousmenu hr{background:#287CB1;border:0;color:#287CB1;height:1px;width:75%;margin:5px 0 5px 35px;}
div#sousmenu a{color:#023680;text-decoration:none;}
div#sousmenu a:hover{color:#b43313;text-decoration:none;}

div#contenu {
margin:0;
padding:10px 50px 10px 260px;
}

div#contenu .entete {
 background:#104c07;
 border: 5px solid #c0c0c0;
 width:622px;
 margin: 12px 0 25px 0;
 padding: 15px 20px;
 color:#fff;
 text-align:center;
 -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);
}

div#contenu .entete p {
 color:#fff;
 margin:0;
 text-align:center;
}


div#contenu h2 {
border-bottom:1px solid #287CB1;
color:#023680;
font-size:1.3em;
line-height:25px;
padding-left:0;
text-align:right;
}

div#contenu h2 span {
color:#023680;
float:left;
font-size:0.7em;
margin-top:3px;
}

div#contenu h2 span a {
text-decoration:none;
}

div#contenu h3 {
border-bottom:1px dotted #accbdf;
color:#023680;
font:bold 1.2em Georgia,serif;
}

div#contenu h4 {
color:#023680;
font:bold 1em Georgia,serif;
}

div#contenu p {
line-height:1.2em;
text-align:justify;
}

div#contenu .image {
float:right;
margin:0;
padding:0;
}

div#contenu .ident {
line-height:1.2em;
text-align:justify;
text-indent:2em;
}

div#contenu a:hover {
color:#b43313;
}




.center {
text-align:center;
}

img {
border:0;
}

acronym {
border-bottom:1px dashed;
cursor:help;
}

hr {
background:#1e581e;
color:#fff;
height:1px;
}

#admin {
background:#dff9ec;
border:1px solid #000;
width:100%;
margin:5px 0;
padding:5px;
}

#admin a {
color:#000;
font-size:0.9em;
text-decoration:underline;
}

.admin1 {
background:#dff9ec;
border:1px solid #000;
width:98%;
margin:5px 0;
padding:5px;
}

#admin a:hover,div#contenu a {
color:#023680;
}

div.row {
clear:both;
padding-top:10px;
}

div.row span.label {
float:left;
text-align:right;
width:130px;
}

div.row span.formw {
float:right;
text-align:left;
width:570px;
}

.clform {
background:#D7E7F2;
border:1px solid #287CB1;
padding:5px;
}

.button {
background:url(images/bg_menu.gif) repeat-x 0 -4px;
height:25px;
width:110px;
}

.float_photos {
background:#dff9ec;
border:1px solid #287CB1;
float:left;
height:170px;
text-align:center;
width:185px;
margin:10px 7px 5px 8px;
padding:0 10px 20px;
}


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

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

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

#tablecal td {
border:1px solid silver;
}

#tablecal tr {
height:23px;
text-align:center;
}

#tablecal {
border-collapse:collapse;
width:100%;
}

.bleu {
background:#cff;
}

.bleufonce {
background:#9cf;
}

.violet {
background:#f9c;
}

.jaune {
background:#ff9;
}

.vert {
background:#cfc;
}

.mois {
background:silver;
font-size:10pt;
font-style:italic;
height:30px;
}

.entete1 {
background:navy;
color:#FFF;
font-size:10pt;
height:29px;
}

div#footer {
clear:both;
color:#023680;
font:normal 0.9em helvetica,sans-serif;
text-align:left;
width:960px;
padding:10px 0 10px 50px;
}