@charset "UTF-8";
/* CSS Document */
/* Page d'accueil */

#maincol {
	float: left;
	width: 750px;
	position: relative;
}
#aside {
	width: 180px;
	margin-left: 800px;
	float: none;
}
/* COL CENTRALE */
/* FRONT LEFT ET RIGHT [Les 2 cols centrales]
----------------------------------------------------------------------------------------------------*/
.front-left, .frontLeft-bottom {
  width: 435px;
  float: left;
}
.front-right, .frontRight-bottom {
  width: 315px;
  float: left;
  background-color: #f4f4eb;
}
.front-left, .front-right {
  height: 295px;
}
.frontRight-bottom {
  width: 290px;
  margin-left: 25px;
}
#maincol .frontLeft-bottom {
  width: 395px;
  margin-left: 40px;
}
/* TYPE FRONT LEFT ET RIGHT 
----------------------------------------------------------------------------------------------------*/
#maincol .front-left h3, #maincol .front-right h3 {
  color: #F29400;
  margin-bottom: 0;
  margin-top: 6px;
  margin-bottom: 0;
  line-height: 1.25em;
  font-size: .8em;
  font-weight: normal;
}
#maincol .front-left h2, #maincol .front-left h3, #maincol .front-left p, #maincol .front-left img {
  padding-left: 20px;
}
#maincol .front-left p, #maincol .front-right p {
  line-height: 1.25em;
  margin-bottom: 0;
  font-size: .7em;
}
#maincol .front-left h2 {
  background-color: #ff9900;
  font-size: 1.2em;
  font-weight: normal;
  color: #fff;
  margin: 0;
  padding: 6px 3px 2px 40px;
}
#maincol .front-left h3 {

}
#maincol .front-left p {
  
}
#maincol .front-right h2 {
  background-color: #c0b7a9;
  margin-right: 90px;
  margin-top: 12px;
  padding: 3px 3px 2px 15px;
  color: #fff;
  font-size: 15px;
}
#maincol .front-right h2, #maincol .front-right h3, #maincol .front-right p {
  padding-left: 15px;
  padding-right: 8px;
}
#maincol .front-right h3 {

}
#maincol .front-right p {
  
}

/* IMAGES FRONT LEFT [Grande image col de gauche Plumpyfield]
----------------------------------------------------------------------------------------------------*/
.imgFrontLeft {
  /* Défini dans redacteur.css*/
  float: right;
  padding-left: 0;
}

/* FRONT BOTTOM LEFT ET RIGHT [Les 2 encarts couleurs du bas]
----------------------------------------------------------------------------------------------------*/
.frontLeft-bottom, .frontRight-bottom {
  overflow: auto;
  margin-top: 20px;
}
.frontLeft-bottom {
  background-color: #ff9900;
}
.frontRight-bottom {
  background-color: #90c000;
}
#maincol .frontLeft-bottom h4, #maincol .frontRight-bottom h4 {
  border: none;
  color: #fff;
  font-style: normal;
  font-size: 19px;
  line-height: 24px;
  text-align: right;
  background-image: url(../img-base/h4-front-bg.png);
  background-repeat: no-repeat;
  margin: 0;
  padding: 0;
}
#maincol .frontLeft-bottom h4 {
/*  background-position: 62% 90%;*/
  margin-top: 74px;
  padding-right: 20px;
  background-position: 230px 53px;
}
#maincol .frontRight-bottom h4 {
/*  background-position: 46% 93%;*/
  margin-top: 50px;
  padding-right: 20px;
  background-position: 124px 77px;
}
#maincol .frontLeft-bottom img, #maincol .frontRight-bottom img {
  margin-left: 12px;
  padding-left: 30px;
  float: right;
}
/* LIENS ENCARTS Page d'accueil
----------------------------------------------------------------------------------------------------*/
#maincol .front-left h3 a, #maincol .front-right h3 a {
  text-decoration: none;
  color: #F29400;
}
#maincol .front-left h3 a:hover, #maincol .front-right h3 a:hover {
  text-decoration: none;
  color: #b76e00;
}
#maincol .front-left p a, #maincol .front-right p a {
  text-decoration: none;
}
#maincol .front-left p a:hover, #maincol .front-right p a:hover{
  text-decoration: none;
  color: #999;
}
#maincol .frontLeft-bottom h4 a, #maincol .frontRight-bottom h4 a {
  text-decoration: none;
  color: #fff;
}
#maincol .frontLeft-bottom h4 a:hover, #maincol .frontRight-bottom h4 a:hover {
  text-decoration: none;
  color: #fff;
}
/* COL DROITE */
#aside #social-bloc {
  //background-color: #f4f4eb;
  padding: 8px 8px 8px 0;
}
#aside ul.social {
  font-size: .75em;
}
#aside ul.social li {
  position: relative;
  height: 27px;
  padding: 5px 0 0 30px;
}
#aside ul.social a {
  color:  #0064B3;
  text-decoration: none;
}
#aside ul.social a:hover {
  text-decoration: underline;
}
#aside #social-bloc p {
  margin-bottom: 20px;
}
#aside ul.social img {
  position: absolute;
  top: 0px;
  left: 0px;
}