html {
  font-size: 100%;
  height: 100%;
}

body {
  margin: 0;
  padding: 0;
  color: #000;
  height: 100%;
  background: #6bb1c1;
  font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}

img {
  border: none;
}

#conteneur {
 position: relative;
 width:1000px;
 text-align:left;
 margin:0 auto;
 padding:0;
 min-height: 100%;
 background: url(images/wrap.png) repeat-y left 300px;
}

header {
 position: relative;
 display: block;
 height:361px;
 width:1000px;
 background: #6bb1c1 url(images/header.png) no-repeat left bottom ;
 z-index: 2;
}

header .banniere {
 position: absolute;
 left: 41px;
 top: 41px;
 width: 915px;
 height: 271px;
 overflow: hidden;
 z-index: -1;
}

header .banniere .image_reel {
 position: absolute;
 top: 0; left: 0;
}

header .banniere .image_reel img {
 float: left;
}

header .textinfos a {
   text-decoration:none;
}

header .textinfos p {
 position: absolute;
 bottom: 60px;
 left: 42px;
 color:#fff;
 z-index: 30;
 display: none;
 text-align:left;
 font:normal 1.0em/0.95em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
 background: rgba(114,179,60,0.5);
 padding:5px 20px;
 -moz-border-radius: 0 5px 5px 0;  -webkit-border-radius: 0 5px 5px 0;
  -o-border-radius: 0 5px 5px 0;  border-radius: 0 5px 5px 0;
}

header .textinfos a:hover p {
 background: rgba(221,49,65,0.5);
}

header .textinfos span {
 font-size:0.8em;
 text-decoration:italic;
}

header .paging {
 position: absolute;
 top: 55px; left: 45px;
 width: 120px; height:30px;
 z-index: 20;
 text-align: center;
 display: none; /*--Hidden by default, will be later shown with jQuery--*/
}

header .paging a {
 padding: 5px;
 width:35px;
 height:30px;
 display:inline-block;
 background: rgba(114,179,60,0.5);
 text-decoration: none;
 color: #fff;
 font: normal 1.1em/25px Verdana, Arial, Helvetica, sans-serif;
}

header .paging a:first-child {
 background: rgba(92,120,143,0.5);
}

header .paging a:last-child {
 background: rgba(219,229,211,0.5);
}

header .paging a.active {
 font-weight: bold;
 border: 1px solid #fff;
}

header .paging a:hover {
 background: rgba(221,49,65,0.5);
}

header #evitement {
 position: absolute;
 left: 25px;
 top: -5px;
}

header #evitement a {
 display:block;
 float:left;
 padding-left:20px;
 color: #fff;
 font: normal 0.7em Verdana, Arial, Helvetica, sans-serif;
 text-decoration:none;
}

header #evitement a:hover {
 text-decoration:underline;
}

header h1 a {
  right:60px;
  top:41px;
  position: absolute;
  width:72px;height:319px;
  z-index:20;
}

header h1 a span {
  display:none;
}

header ul#nav {
  position: absolute;
  left: 10px;
  bottom: 1px;
  font: 1.0em Arial, Helvetica, FreeSans, sans-serif;
  z-index: 15;
}

header ul#nav li {
  position: relative;
  vertical-align:bottom;
  display:inline-block;
  margin-left:-3px;   margin-right:-3px;
  padding: 0px 14px;
  background: url(images/menu-sep.png) no-repeat left 0px ;
}

header ul#nav li a {
  color: white;
  text-decoration: none;
}

header ul#nav li:first-child {
  background: none;
}

header ul#nav a:hover, header ul#nav a:focus, header ul#nav a.selec {
  text-decoration:underline;
}

header ul#nav li ul           { position: absolute; left: -999em; border:0; padding:0; margin:0 0 0 -10px;
                                color:#04251f; z-index:90; border: solid #4CAE2A 5px; }
header ul#nav li:hover ul     {	left: auto; cursor:pointer;}
header ul#nav li ul li,
header ul#nav li ul li:first-child  { background: #a4f2ca; color:#04251f; padding:2px 0; margin:0;}

header ul#nav li ul li a      { font:normal 0.9em/24px helvetica,sans-serif; margin:0;
                                padding:0; text-decoration:none; height:25px; text-align: left; padding:0 10px; color:#04251f;}
header ul#nav li ul li:hover,
header ul#nav li ul li:focus  { background: #6a8ebb; color:#e7f6cf;}

header ul#nav li ul li a:hover,
header ul#nav li ul li a:focus  { text-decoration:none; }

#wrap {
 position:relative;
 margin: 0;
 padding-bottom: 25px;
 min-height:100%;
 overflow: auto;
}

#contenu {
 display:block;
 margin-left:25px;
 width:800px;
 padding:10px 19px;
}

#contenu h2 {
 margin: 12px 0 10px 0;
 padding: 0;
 color: #000;
 font:bold 1.4em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
 border-bottom: 3px solid #EE8432;
}

#contenu h3 {
 margin: 20px 0 -10px 0;
 padding: 0;
 color: #173979;
 border-bottom: 1px groove #00809e;
 font:bold 1.2em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
}

#contenu h3 a {
 text-decoration:none;
}

#contenu a {
 color:#173979;
 text-decoration:underline;
}

#contenu a:hover {
 color:#a62635;
}

#contenu .img_droite {
 margin : 5px 0 5px 25px;
 padding: 0;
 color: #000;
 border:7px solid #fff;
 text-align:center;
 float:right;
 -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); box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

#contenu .img_gauche {
 margin : 5px 25px 5px 0;
 padding: 0;
 color: #000;
 border:7px solid #fff;
 text-align:center;
 float:left;
 -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); box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

#contenu hr {
 margin:30px 0 10px 0;
 color: #00a0c6;
 background-color: #00a0c6;
 height: 1px;
 border: 0;
}

#contenu blockquote {
 padding:5px 15px 5px 15px;
 margin:0;
 font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
 font-style: italic;
 color:#000;
 background: rgba(200, 200, 200, 0.2);
}

#contenu blockquote:before {
 Content:Open-Quote;
 float: left;
 margin: -10px 0 0 -23px;
 font:normal 4em Georgia, Arial, sans-serif;
}

.date_actu {
  float:right; margin:-14px -67px 0 0; font:bold 1.1em Arial;
}

#contenu p.actu_date {
 float:right;
 display:block;
 width:60px;
 height:60px;
 padding:0;
 margin: 10px -80px 10px 10px;
 background: url(images/calendar.png) no-repeat left top;
 text-align:center;
 font:bold 1.8em Verdana, Arial, Helvetica, sans-serif;
 -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); box-shadow: 0 3px 6px rgba(0,0,0,.25);
 -moz-transform: rotate(8deg); -webkit-transform: rotate(8deg);
 -o-transform: rotate(8deg); transform: rotate(8deg);
}

#contenu p.actu_date span {
 display:block;
 font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;
 color:#fff;
 margin:-3px 0 0 0;
}


table#table1 {
 margin:5px auto;
 width:95%;
 border:1px solid #023680;
 -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); box-shadow: 0 3px 6px rgba(0,0,0,.25);
}

table#table1 th {
 padding:3px 4px;
 background:#023680;
 color:#fff;
 font:bold 1em Arial,sans-serif;
 text-align:center;
 height:1.6em;
}

table#table1 td {
 padding:3px 10px;
 text-align:left;
 vertical-align: middle;
}

table#table1 td.plus {
 background-color: #B2C9DF;
}

.commentaire {
 background: #b8ecb0;
 padding: 15px 15px 15px 15px;
 margin: 20px 0;
}

#imc1 {
 display:none;
 padding: 0;
 margin: 0;
 width:100%;
 font: normal 0.8em verdana, sans-serif;
}

#imc1 td {
 padding: 0px 10px;
 margin: 0;
}

#imc2 {
 text-align:center;
 background: #b8ecb0;
 padding: 15px;
 margin: 25px 0 10px 0;
 font: normal 1em verdana, sans-serif;
}

#imc {
 background: #b8ecb0;
 padding: 10px 15px 2px 20px;
 margin: 20px 0;
 font: normal 0.8em verdana, sans-serif;
}

#imc label {
 font: normal 1em verdana, sans-serif;
}

#imc input {
 padding: 2px;
 display: inline;
}

#imc input:focus {
 background: #ffffcc;
}

#imc .submit {
 height: 28px;
 width: 114px;
 padding: 4px;
 margin-bottom: 10px;
 background: #ffffcc;
}



#comment {
 background: #b8ecb0;
 padding: 15px 15px 5px 10px;
 margin: 20px 0;
}

#comment h4 {
 color: #111111;
 font:bold 1em Verdana,serif;
 margin:0px;
}

#comment label {
 font: normal 0.8em verdana, sans-serif;
}

#comment label em {
 font-style: italic;
 color: #676767;
}

#comment input {
 padding: 2px;
 display: block;
}

#comment input:focus, #comment textarea:focus {
 background: #ffffcc;
}

#comment textarea {
 padding: 2px;
 margin: 10px 0;
}
#comment .submit {
 height: 28px;
 padding: 4px;
 margin-bottom: 10px;
 background: #ffffcc;
}

.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:215px;
margin:10px 12px 10px 13px;
padding:10px 10px 30px;
}

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

footer {
 display:block;
 position: absolute;
 width: 980px;
 bottom: 0px;
 height:35px;
 margin:0; padding:0;
}

footer p {
 float: left;
 color: #05072c;
 font:normal 0.9em helvetica,sans-serif;
 text-align:right;
 padding: 10px 10px 0 25px;
 margin:0;
}

footer p img {
  padding:0 0 4px 10px; vertical-align:middle;
}

footer p a {
color:#05072c;
text-decoration:none;
padding:0 20px;
border-left: 1px solid #05072c;
}

footer p a:first-child {
border-left: none;
}

footer p a:hover {
text-decoration:underline;
}

footer p:first-child {
 float:right;
 padding: 10px 55px 0 0;
}

footer p:first-child a {
 border: none; padding:0;
}