/* CSS Document */
body {
  text-align:center;
  font-size:12px;
  background:url('../images/design/header_fond.gif') repeat-x #c0c0ff;
  font-family:arial;
  font-size:12px;
  margin:0;
  padding:0;
}
ul, li {
  margin:0;padding:0;
}
* {
  font-family:arial;
  font-size:12px;
}
.left {
	float:left;
	margin:0 10px 0 0;
}
.right {
	float:right;
	margin:0 0 0 10px;
}
img {
  border:0;
  text-decoration:none;
}
a {
  color:#FA1485;
}
a:hover {
  text-decoration:none;
}
/* Global */
#global {
  text-align:left;
  width:980px;
  margin:0 auto;
}
/* Header */
#header {
  width:980px;
  padding-top:7px;
}
#header #logo {
  margin-top:21px;
  float:left;
}
#header #pub_largban {
  border-top:1px solid #324d97;
  background-color:#c0c0ff;
  float:right;
  padding:3px;
}
/**
 *  Content
 */
#content {
  clear:both;
  background:url('../images/design/menu_droit_fond.gif') repeat-y top right #ffffff;
}
/* Menu du haut */
#menuHeader {
  background:url('../images/design/cont_haut_fond.gif') repeat-x;
  height:30px;
  float:left;
  width:980px;
}
#menuHeader #coinGauche {
  background:url('../images/design/cont_haut_left.gif') no-repeat;
  float:left;
  width:7px;
  height:30px;
}
#menuHeader #coinDroit {
  background:url('../images/design/cont_haut_right.gif') no-repeat;
  float:right;
  width:7px;
  height:30px;
}
#menuHeader #menuLink {
  text-align:center;
  float:left;
  padding:5px 0 0 10px;
  width:956px;
  color:#ffffff;
}
#menuHeader #menuLink a {
  text-decoration:none;
  font-weight:bold;
  color:#ffffff;
}
#menuHeader #menuLink a:hover {
  color:#DFDFDF;
}
/**
 * Menu droit
 */
#menuDroit {
  float:right;
  width:312px;
  padding-left:16px;
}
#menuDroit #pub_carre {
  margin-bottom:7px;
}
/* Premier type de menu */
#menuDroit .menuD1 {
  background:#ffffff;
  width:300px;
  margin-bottom:7px;
}
#menuDroit .menuD1 .menuDhaut {
  background:url('../images/design/menu_d1_haut.gif') no-repeat top left;
  height:13px;
}
#menuDroit .menuD1 .menuDbas {
  background:url('../images/design/menu_d1_bas.gif') no-repeat bottom left;
  height:13px;
  clear:both;
}
#menuDroit .menuD1 .title {
  color:#fa1485;
  padding:0 0 5px 7px;
  font-weight:bold;
  font-size:13px;
  display:block;
}
#menuDroit .menuD1 .title a {
  text-decoration:none;
}
#menuDroit .menuD1 .title a:hover {
  text-decoration:underline;
}
#menuDroit .menuD1 ul {
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;
  float: left;
  margin:0 0 0 10px;padding:0;
}
#menuDroit .menuD1 ul li {
  float: left;
}
#menuDroit .menuD1 ul li img {
  width: 85px;
  margin:4px;
}
/* Deuxième type de menu */
#menuDroit .menuD2 {
  background:url('../images/design/menu_d2_fond.gif') repeat-y;
  width:300px;
  margin-bottom:7px;
}
#menuDroit .menuD2 .menuDhaut {
  background:url('../images/design/menu_d2_haut.gif') no-repeat top left;
  height:9px;
}
#menuDroit .menuD2 .menuDbas {
  background:url('../images/design/menu_d2_bas.gif') no-repeat bottom left;
  height:10px;
  clear:both;
}
#menuDroit .menuD2 .title {
  color:#fa1485;
  padding:0 0 8px 7px;
  font-weight:bold;
  font-size:13px;
  display:block;
}
#menuDroit .menuD2 .title a {
  text-decoration:none;
}
#menuDroit .menuD2 .title a:hover {
  text-decoration:underline;
}
#menuDroit .menuD2 ul {
  margin:0;
  padding-left:8px;
  list-style:none;
}
#menuDroit .menuD2 ul li {
  background:url('../images/design/fleche.gif') no-repeat 0 4px;
  padding-left:8px;
}
#menuDroit .menuD2 ul li a {
  color:#000000;
  text-decoration:none;
}
#menuDroit .menuD2 ul li a:hover {
  color:#000000;
  text-decoration:underline;
}
/* Menu du bas */
#menuFooter {
  background:url('../images/design/cont_bas_fond.gif') repeat-x;
  height:30px;
  float:left;
  clear:both;
  width:980px;
}
#menuFooter #coinFootGauche {
  background:url('../images/design/cont_bas_left.gif') no-repeat;
  float:left;
  width:7px;
  height:30px;
}
#menuFooter #coinFootDroit {
  background:url('../images/design/cont_bas_right.gif') no-repeat;
  float:right;
  width:7px;
  height:30px;
}
#menuFooter #menuFootLink {
  text-align:center;
  float:left;
  padding:10px 0 0 10px;
  width:956px;
  color:#ffffff;
  font-size:11px;
}
#menuFooter #menuFootLink a {
  text-decoration:none;
  color:#ffffff;
}
/**
 * Contenu de la page
 */
#contenu {
  float:left;
  width:651px;
  padding:0px 0 5px 0;
}
#contenu p {
  padding:0 10px 0 10px;
}
#contenu h1 {
  color:#fa1485;
  font-size:20px;
  font-weight:normal;
  padding-left:10px;
  margin:0 0 7px 0;
}
#contenu h1 a {
  color:#fa1485;
  font-size:20px;
  font-weight:normal;
}
#contenu h2 {
  background:url('../images/design/titre_fond.gif') repeat-x top left;
  margin:0;padding:0;
  height:33px;
  font-size:15px;
  color:#ffffff;
}
#contenu h2 span {
  background:url('../images/design/titre_left.gif') no-repeat top left;
  padding:5px 0 0 15px;
  height:26px;
  display:block;
}
#contenu h2 a {
  text-decoration:none;
  color:#ffffff;
}
/* Blockquote : Citation / Erreur / Valide / Information */
blockquote {
  border: 1px dotted #a1d97e;
  border-width:1px 0 1px 0;
  padding: 12px 12px 12px 36px;
  margin: 0 5% 7px 5%;
  background: url('../images/design/blockquote/blockquote_citation.gif') no-repeat 10px center #dbffd1;
}
blockquote.info {
  background: url('../images/design/blockquote/blockquote_info.gif') no-repeat 10px center #dbffd1;
}
blockquote.allgood {
  background: url('../images/design/blockquote_allgood.gif') no-repeat 10px center #dbffd1;
}
blockquote.error {
  background: url('../images/design/blockquote/blockquote_error.gif') no-repeat 10px center #ffded5;
  border: 1px dotted #d99d80;
  border-width:1px 0 1px 0;
}
/**
* Pagination par lettre
*/
.paginationLettre {
  margin:10px 0 20px 30px;
}
.paginationLettre a {
  padding:3px;
  border:1px solid #a12828;
  margin:2px;
}
.paginationLettre a:hover {
  border:1px solid #a12828;
  background-color:#a12828;
}
.paginationLettre a.paginationLettreActive {
  border:1px solid #a12828;
  font-weight:bold;
  background-color:#a12828;
}
/**
*  Nouveauté pour l'accueil
*/
#nouveautListe {
  list-style:none;
  float:left;
  margin:0;
  padding:0 0 0 10px;
}
#nouveautListe li {
  padding:3px;
  margin:2px;
  border:2px solid #FFEFFB;
}
#nouveautListe #nouveauteListe1 {
  border:2px solid #FA14B0;
}
#nouveaute {
  float:left;
  margin:0 0 0 15px;
}
#nouveaute div {
  display: none;
}
#nouveaute #newsList1 {
  display: inline;
}
#nouveaute a.newsTitre {
  color:#FA14B0;
  font-weight:bold;
  font-size:15px;
  border-left:4px solid #FA14B0;
  padding-left:7px;
  margin-bottom:3px;
  display:block;
  width:460px;
}
#photoAleat {
  margin:20px 0 20px 0;
}
.newsListHover {
  background:5px solid red;
}
img.newsListImg {
  float:left;
  border: 1px solid #a9a9a9;
  background-color: #fff;
  display: block;
  padding: 2px;
}
img.newsListImg:hover {
  background-color: #ccd;
}
a.plusNews {
  border:2px solid #FA1485;
  color:#FA1485;
  background-color:#FFEFFB;
  padding:5px;
  width:480px;
  display:block;
  float:left;
  text-align:center;
  font-weight:bold;
  margin:19px 0 0 12px;
}
a.plusNews:hover {
  background-color:#FA1485;
  color:#FFEFFB;
}
/**
*  Galerie d'image pour l'accueil
*/
#imageListe {
  list-style:none;
  margin:0;padding:0;
}
#imageListe li {
  text-align:center;
  width:33%;
  float:left;
  padding-top:5px;
  margin-bottom:20px;
}
#imageListe li img {
  margin-top:5px;
}
#photo {
  max-width:100%;
  height:auto;
}
/**
 * Derniers articles de l'accueil
 */
#articleNews {
  margin-left:7px;
}
#articleNews div {
  float:left;
  width:300px;
  margin:4px;
  padding:4px;
}
#articleNews div a {
  display:block;
}
#articleNews div img {
  float:left;
  margin-right:5px;
}
/**
 * Pagination générale
 */
.pagination {
  border-top: 3px solid #FA1485;
  font-size: 16px;
  font-weight:bold;
  text-align: center;
  padding: 6px 0;
}
.pagination a {
  display:block;
  float:left;
  margin: 8px 4px;
  padding: 2px;
  border: 1px solid #FA1485;
  color:#FA1485;
}
.pagination a:hover, .pagination .PaginationSelect {
  background-color: #FA1485;
  color: #fff;
}
/**
 * Portrait
 */
/* index et cat */
ul.listePortrait {
  list-style:none;
  clear:both;
  margin-bottom:120px;
}
ul.listePortrait li {
  width:20%;
  text-align:center;
  float:left;
  width:150px;
}
ul.listePortrait li img {
  margin-top:5px;
}