/*--> CSS de la page d'accueil <--*/

/***
bleu #5c94c1
rouge #dc6165
jaune #ecb02b
 ***/
 
/***  Généralité  ***/
#content h2 {
  font-family: verdana, arial, sans-serif;
  color: #5c94c1;
  font-size: 17px;
  background: url(../photo/accueil/background-h2.png) repeat-x bottom left;
  margin: 0 0 10px 0;
} 
#content h2 span {
  background: #fff;
  padding: 0 3px 0 0;
}

/***  Colone de gauche  ***/
#colac1 {
  width: 393px;
  float: left;
  padding: 30px 10px 0 17px;
  font-size: 12px;
}
#colac1 h1 {
  background: url(../photo/accueil/actus-infos-debats.png) no-repeat top left;
  width: 184px;
  height: 33px;
  margin: 0 0 20px 0;
}
#colac1 h1 span {
  position: absolute;
  left: -9000px;
}
#colac1 #chapeau {
  margin: 0 0 20px 0;
}
#colac1 div {
  margin: 0 0 20px 0;
}
#colac1 h3 {
  background: url(../photo/fleche-bleu-acc.png) no-repeat top left;
  padding-left: 25px;
  height: 19px;
  font-size: 13px;
  margin: 0 0 5px 0;
}

#recherchearticle label {
  display: none;
}
#recherchearticle form {
  margin: 0 0 0 25px;
}
#recherchearticle input {
  width: 230px;
  padding: 1px 0;
}
#recherchearticle #btnarticle {
  width: 70px;
  padding: 0;
}

#trouverprix p {
  margin: 0 0 0 25px;
}
#trouverprix a {
  text-decoration: underline;
}

#apnpop h3 {
  margin:0 0 10px 0;
}
#apnpop div {
  width: 120px;
  float: left;
  margin: 0 5px 20px 0;
}
#apnpop div p {
  text-align: center;
  font-size: 12px;
}
#apnpop .apnmarque {
  font-weight: bold;
}
#apnpop .apnlink {
  clear: both;
}
#apnpop .apnlink a {
  color: #369;
  text-decoration: underline;
  padding: 0 2px;
}
#apnpop .apnlink a:hover {
  text-decoration: none;
}
#apnpop .clear2 {
	clear: both;
	display: block;
	width: inherit;
}

#ciao p img {
  margin-bottom: 10px; 
  display: block;
}

#ciao ul {
}

#ciao li {
  margin: 0 0 10px 5px; 
  list-style-type: none;
}

#ciao h3 {
  background: none;
  padding: 0;
  font-size: 13px;
}

#ciao a {
   color: #ff6700;
   text-decoration: underline;
}


/***  Colone de droite  ***/
#colac2 {
  width: 329px;
  float: right;
  padding: 30px 10px 0 10px;
  font-size: 12px;
}

#photosemaine div {
  width: 329px;
  text-align: center;
}
#photosemaine #photoauteur {
  margin: 0 0 20px 0;
}
#photosemaine #photoauteur a {
  text-decoration: underline;
}
#photosemaine #plusphotos {
  text-align: center;
  font-weight: bold;
  text-decoration: underline;
  margin: 0 0 20px 0;
}
#photosemaine #photoici {
  margin: 0 0 10px 0;
}
#photosemaine #photoici a {
  text-decoration: underline;
}

#dernieresactualites h3 {
  font-size: 13px;
}
#dernieresactualites .actujour {
  color: #dc6165;
}
#dernieresactualites div {
  margin: 0 0 10px 0
}
#dernieresactualites div p a {
  color: #369;
  text-decoration: underline;
}
#dernieresactualites div p a:hover {
  text-decoration: none;
}
#autresactus ul {
  list-style: none;
}

#restezinforme div {
  background: #ffedbb;
  margin: 0;
  padding: 10px;
}

#restezinforme label {
  margin: 0 0 5px 0;
  font-size: 12px;
  font-weight: bold;
}
#restezinforme input {
  width: 200px;
  padding: 1px 0;
}
#restezinforme #btnnewsletter {
  width: 70px;
  padding: 0;
}