/******************************************************************************/
/* MISES EN FORME GENERALES ***************************************************/
/******************************************************************************/
/* Blocs Informations : actualites, agenda, publications, liste de documents, liste de liens - Edition : articles, contenus libres, forum - Formulaire : sondages...*/
.bouton {

}

/******************************************************************************/
/* En-TETE PAGE ***************************************************************/
/******************************************************************************/
div#bg-header {
  height: 464px;
}
#titre_site {
  height: 124px;
}
#titre_site .logo {
	height: auto;
  max-height: 115px;  
}
#titre_site h1 {
  padding-top: 65px;
}

/******************************************************************************/
/* CONTENUS DE LA PAGE - 3 COLONNES *******************************************/
/******************************************************************************/
#contenu_page {
  display: table;
}

/******************************************************************************/
/* CONTENUS EN MARGE GAUCHE ***************************************************/
/******************************************************************************/

#colonne_gauche {
  display: table-cell;
  float: none;
  vertical-align: top;
  width: 640px;
  margin: 0 0 20px 0;
}
#colonne_gauche .infos {
  display: table;
}
#colonne_gauche .bloc_infos {
  display: table-cell;
  min-width: 390px;
  vertical-align: top;
}
#colonne_gauche .bloc_infos .titre, #colonne_gauche .bloc_infos .sous-titre, #colonne_gauche .bloc_infos .date, #colonne_gauche .bloc_infos .lieu {
  margin-left: 10px;
}
/* Bloc image calee a gauche */
#colonne_gauche .bloc_infos .vignette_gauche {
  margin-left: 10px;
}
#colonne_gauche .bloc_infos p {
  margin: 10px 10px 0 10px;
}
#colonne_gauche .bloc_infos .bouton a {
  margin-left: 10px;
}

/* Si deux colonnes : Actus - Agenda */
#colonne_gauche.double_colonne .bloc_infos.agenda {
  min-width: 250px;
  margin-left: 1px;
}

/******************************************************************************/
/* CONTENUS COLONNE CENTRALE **************************************************/
/******************************************************************************/
#contenus_textes_page {
  float: none;
  display: table-cell;
  vertical-align: top;
  width: 270px;
  margin: 30px 0 0 0;
  padding-top: 30px;
}
#contenus_textes_page div {
	width: 200px;
}
#contenus_textes_page div.titre_bloc, #contenus_textes_page div.bloc_infos {
	width: 270px;
}

/* Mise en forme contenu de la page */
#contenus_textes_page #recherche, #contenus_textes_page #newsletter  {
  margin: 0 35px 0 35px;
  padding: 0;
}
#contenus_textes_page #recherche .champ, #contenus_textes_page #newsletter .champ  {
  width: 149px;
}
#contenus_textes_page #coordonnees {
  margin: 27px 35px 0 35px;
  padding: 0 0 20px 0;
}
#contenus_textes_page #coordonnees span {
  display: inline-block;
  margin-bottom: 3px;
  padding-top: 20px;
}
#contenus_textes_page .bouton-image {
  margin: 25px 0 25px 35px;
}

/* Acces directs */
#contenus_textes_page .item_infos {
	width: 200px;
	margin: 10px 0 0 35px;
}

/******************************************************************************/
/* CONTENUS COLONNE DROITE ****************************************************/
/******************************************************************************/
#colonne_droite {
  display: table-cell;
  float: none;
  vertical-align: top;
  width: 290px;
  margin: 30px 0 0 0;
  padding-top: 30px;
}
#colonne_droite .bloc_infos {
	width: 288px;
}
#colonne_droite .item_infos {
  width: 86%;
}
#colonne_droite .bloc_infos .teaser p {
  margin: 10px 0 0 0;
}
#colonne_droite .bloc_infos .item_infos.teaser.amidumois p {
  width: auto;
  margin-top: 0;
}
#colonne_droite .bloc_infos .item_infos.teaser.amidumois p a {
  width: auto;
  height: inherit;
  padding: 0;
  display: inline-block;
  margin-top: 15px;
}
#colonne_droite .bloc_infos .item_infos.teaser.amidumois p a span {
  width: auto;
  padding-right: 20px;
}

/******************************************************************************/
/* OUTILS SITE (Recherche / Newsletter)  **************************************/
/******************************************************************************/
/* Newsletter */
#recherche {
  margin-bottom: 20px;
}

/******************************************************************************/
/* SLIDER ACCUEIL ***********************************************************/
/******************************************************************************/

.slider_bandeau {
  position: relative;
  width: 1200px;
  height: 330px;
}
.slider_bandeau > div {
  position: relative;
  height: 330px;
  overflow: hidden;
  width: 1200px;
}

.bx-wrapper .bx-prev {
  display: block;
  position: absolute;
  top: 150px;
  left: 0;
  width: 35px;
  height: 26px;
  text-indent: -9999px;
}
.bx-wrapper .bx-next {	
  display: block;
  position: absolute;
  top: 150px;
  right: 0;
  width: 35px;
  height: 26px;
  text-indent: -9999px;
}
.slider_bandeau .titre-slide {
  position: absolute;
  top: 0;
  right: 0;
  min-height: 20px;
  max-width: 290px;
  padding: 10px 20px;
}

/* Pagination */
.bx-pager {
  position: absolute;
  left: 0;
  bottom: 10px;
}
.bx-pager a {
  display: block;
  width: 17px;
  height: 11px;
  float: left;
  text-align: left;
  text-indent: -9999px;
  margin-left: 10px;
}

/******************************************************************************/
/* SLIDER Actus ACCUEIL *******************************************************/
/******************************************************************************/
#une {
  position: absolute;
  z-index: 10;
  top: 30px;
  left: 0;
  display: inline-block;
  padding: 7px 70px 7px 20px;
}
.slider_actualites {
  position: relative;
  z-index: 0;
  width: 640px;
  height: 330px !important;
  padding-top: 30px;
  margin-bottom: 30px;
}
.slider_actualites > div {
  position: relative;
  overflow: hidden;
  z-index: 0;
  width: 640px;
  height: 330px;
}
.slider_actualites .bx-wrapper {
  float: left;
  width: 1120px !important;
  margin: 0 auto;
}
.slider_actualites .bx-wrapper .bx-window {
  width: 850px !important;
  margin: 20px 0 10px 90px;
}
#colonne_gauche .bx-prev {
  top: 170px;
}
#colonne_gauche .bx-next {
  top: 170px;
}

/* Pagination */
#colonne_gauche .bx-pager {
  top: 45px;
  left: 169px;
}

/* Bloc texte */
.slider_actualites p.titre_actu {
  position: absolute;
  bottom: 0;
  right: 0;
  display: inline-block;
  width: 600px;
  padding: 7px 20px 7px 20px;
}


/* Pagination */
.slider_actualites .bx-pager {
  display: none;
}

/******************************************************************************/
/* REMONTEES ACCUEIL **********************************************************/
/******************************************************************************/
#remontees-acc {
  width: 100%;
  margin: -15px 0 50px 0;
  padding-top: 50px;
}
#remontees-acc .fond {
  padding: 10px;
}

/* Onglets  */
ul.css-tabs {
  margin:0 !important;
  padding:0;
  height:30px;
}
ul.css-tabs li {
  float:left;
  padding:0;
  margin:0;
}
ul.css-tabs a {
  float:left;
  font-size:13px;
  display:block;
  padding:7px 30px 5px 30px;
  height:18px;
  margin-right:2px;
  position:relative;
  top:1px;
  outline:0;
}

/* Contenus onglets */
.css-panes div {
  position: relative;
  display:none;
  min-height:150px;
  padding:15px 20px;
}

/* Magazine */
.css-panes div.magazine .visuel {
  float: left;
  width: 185px;
  margin-right: 20px;
}
.css-panes div.magazine h3 {
  display: inline-block;
  margin-bottom: 10px;
  padding: 5px 10px;
}
.css-panes div.magazine ul li {
  margin-bottom: 7px;
}

/* Portrait - Photos - Video */
.css-panes div.photos .visuel {
  float: left;
  margin-right: 20px;
}
.css-panes div.photos h3 {
  float: left;
  width: 125px;
  margin-top: 50px;
}
.css-panes div.photos p.tout_lire {
  position: absolute;
  bottom: 10px;
  right: 10px;
  width: 125px;
}