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

body {
  margin: 0;
  padding: 0;
  color: #000;
  height: 100%;
  background: #fff url(images/background.jpg) no-repeat center top ;
  font: normal 1em Verdana, Arial, Helvetica, sans-serif;
}

img {
  border: none;
}


#conteneur {
 position: relative;
 width:980px;
 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:355px;
 background: #fff url(images/background.jpg) no-repeat center top ;
}

header #evitement {
 position: absolute;
 left: 10px;
 top: -8px;
}

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

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

header #flag {
 position: absolute;
 right: 10px;
 top: -12px;
}

header #flag a {
 display:block;
 float:right;
 padding-right:10px;
}

header #flag a:hover {
 padding-top:5px;
}

header h1 {
 position: absolute;
 right: 10px;
 bottom: 75px;
}

header h1 a {
 color: #082150;
 font: bold 1.2em "Times New Roman", Times, serif;
 font-variant: small-caps;
 text-decoration:none;
 border-bottom: 1px solid #082150;
}

header h1 a span {
  font-size: 1.3em;
}

header h1 a:hover {
 border-bottom: 2px solid #082150;
}

header h1 a:hover img {
 -moz-transform: rotate(-8deg); -webkit-transform: rotate(-8deg);
 -o-transform: rotate(-8deg); transform: rotate(-8deg);
}

header nav {
  position: absolute;
  right: 10px;
  bottom: 30px;
  font: 1.1em Arial, Helvetica, FreeSans, sans-serif;
}

header nav a {
  position: relative;
  vertical-align:bottom;
  display:inline-block;
  color: white;
  text-decoration: none;
  padding: 10px 25px;
  border:2px solid #c2c9d2;
  border-bottom:0;
  -moz-border-radius: 5px 5px 0 0;  -webkit-border-radius: 5px 5px 0 0;
  -o-border-radius: 5px 5px 0 0;  border-radius: 5px 5px 0 0;
}

header nav.langen a {
  padding: 10px 27px;
}

header nav a:hover, header nav a:focus {
  text-decoration: none;
  height:35px;
  -moz-box-shadow: 0px -20px 10px -10px rgba(0,0,0,0.3) inset;  -webkit-box-shadow: 0px -20px 10px -10px rgba(0,0,0,0.3) inset;
  -o-box-shadow: 0px -20px 10px -10px rgba(0,0,0,0.3) inset;  box-shadow: 0px -20px 10px -10px rgba(0,0,0,0.3) inset;
}

#nav1 {
 background: #cfa84b;
 background: -moz-linear-gradient(top,#edc566,#cfa84b);
 background: -webkit-gradient( linear, 0 0, 0 100%, from(#edc566), to(#cfa84b) );
}

#nav2 {
 background: #25a524;
 background: -moz-linear-gradient(top,#55c355,#25a524);
 background: -webkit-gradient( linear, 0 0, 0 100%, from(#55c355), to(#25a524) );
}

#nav3 {
 background: #24a48e;
 background: -moz-linear-gradient(top,#6cc1b2,#24a48e);
 background: -webkit-gradient( linear, 0 0, 0 100%, from(#6cc1b2), to(#24a48e) );
}

#nav4 {
 background: #2464a4;
 background: -moz-linear-gradient(top,#5282b4,#2464a4);
 background: -webkit-gradient( linear, 0 0, 0 100%, from(#5282b4), to(#2464a4) );
}

#nav5 {
 background: #8525a5;
 background: -moz-linear-gradient(top,#ad5dc8,#8525a5);
 background: -webkit-gradient( linear, 0 0, 0 100%, from(#ad5dc8), to(#8525a5) );
}

#nav6 {
 background: #a52433;
 background: -moz-linear-gradient(top,#d45f6d,#a52433);
 background: -webkit-gradient( linear, 0 0, 0 100%, from(#d45f6d), to(#a52433) );
}

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

aside {
 display:block;
 float:left;
 width: 211px;
 padding:10px 20px;
 min-height: 300px;
 background: #568c25;
 background: -moz-linear-gradient(top,#3a6513 10%,#568c25);
}

aside h2 {
 margin: 10px 0 10px 0;
 color: #fff;
 font:bold 1.4em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
 border-bottom: 1px solid #fff;
}

aside h2 span {
 color: #b2c9df;
}

aside h2:first-letter {
 text-transform:uppercase
}

aside ul {
 margin: -10px 0 0 0;
 padding: 0 0 0 18px;
 color: #f0c45b;
 font-size:1.5em;
 line-height:1em;
}

aside ul li {
 margin: 0;
 padding: 10px 0 0 10px;
}

aside li a {
 text-decoration:none;
 color: #fff;
 font:normal 0.8em Verdana, Arial, Helvetica, sans-serif;
}

aside li a:hover, aside li a.selp {
 text-decoration:underline;
 color:#b2c9df;
}

aside li ul {
 margin: 0;
 padding: 0 0 0 5px;
 color: #f0c45b;
 font-size:0.8em;
}

aside li ul li {
 margin: 0;
 padding: 0 0 0 10px;
}

aside p {
  color: #e2ba5b;
}


aside blockquote {
 padding:5px 5px 5px 15px;
 margin:0;
 font:normal 0.9em Verdana, Arial, Helvetica, sans-serif;
 font-style: italic;
 color:#fff;
 background: rgba(200, 200, 200, 0.2);
 -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);
}

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

aside blockquote a {
 color:#fff;
 text-decoration:underline;
}

aside blockquote a:hover {
 color:#b2c9df;
}

aside img {
 margin : 10px 0 10px 0;
 padding: 0;
 color: #000;
 max-width:197px;
 border:7px solid #fff;
 text-align:center;
 -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 {
 display:block;
 margin-left:250px;
 width:690px;
 padding:10px 19px;
}

#contenu h2 {
 margin: 10px 0 10px 0;
 padding: 0 0 0 7px;
 color: #000;
 font:bold 1.4em "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
 border-left: 10px solid #00a0c6;
}

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

#contenu p.actu_date {
 float:right;
 display:block;
 width:60px;
 height:60px;
 padding:0;
 margin: 10px 0px 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;
}


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

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

footer p:first-child {
 float:left;
}

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