.carre {
  width:31%;
  height:100px;
  background-color: #44699C;
  float: left;
  box-shadow: 10px 10px 5px #CAD7E1;
  margin: 1%;
}

.carre h1{
  font-size:170%;
  text-align: center;
}

.carre h2{
  padding-left:10px !important;
  font-size:125% !important;
  line-height:1.2 !important;
}

.carre a{
  text-decoration: none !important;
  background-repeat:no-repeat;
  background-position:95% 45%;
  height: 100%;
  display: block;
}

.carre a:hover{
  text-decoration: none !important;
  background-color: #004687;
  box-shadow: 10px 10px 5px #CAD7E1;
  background-position:95% 55%;
}

#carregauche{
  margin: 1%;
}

#carregauche a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('images/btn-archive.html');
}

#carregauche2{
  margin: 1%;
}

#carregauche2 a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('images/btn-installer.html');
}

#carremilieu{
  margin: 1%;
}

#carremilieu a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('images/btn-forum.html');
}

#carremilieu2{
  margin: 1%;
}

#carremilieu2 a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('images/btn-irc.html');
}

#carredroite{
  margin: 1%;
}

#carredroite a{
  display:block;
  width:100%;
  height:100%;
  color:white;
  background-image:url('images/btn-asso.html');
}

.news{
  box-shadow: 10px 10px 5px #CAD7E1;
  background-repeat:no-repeat;
  background-position:98% 0%;
}

.news h1{
  padding-left: 10px !important;
  color: #44699C;
}

.news h2{
  padding-top: 10px !important;
  padding-left: 20px !important;
}

.news p{
  padding-left: 20px !important;
  padding-right: 10px !important;
  padding-top: 0px !important;
}

.news img{
  max-width: 100%;
}

#news{
  float:left;
  width:64%;
  margin: 1%;
}

#newsasso{
  float:right;
  width:31%;
  margin: 1% 2% 1% 1%;
  background-image: url('images/logo-asso-4-mini.html');
}

#newsasso img{
  max-width: 100%;
}

.punwrap {
  text-align: left;
}