.alaligne {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
}

.admin_calque {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	
	background-color: #dddddd;
	opacity: 0.5;
  filter:alpha(opacity=50);	
}

.bouton_menu_modif {
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px;
}

.bouton_menu_modif a img {
	border: 0px;
}

#cadre_boutons_connecte {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	background-color: #A1C935;
	border: 2px solid ;
}

#cadre_boutons_connecte .bandeau_bouton {
	display: block;
	height: 30px;
	line-height: 30px;
	float: left;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#cadre_boutons_connecte a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #ffffff;
	text-decoration: none;
}

#cadre_boutons_connecte a:hover {
	color: #fcd312;
}

#cadre_boutons_connecte a#bandeau_admin {
	padding-left: 22px;
	background-image: url(http://www.savigneux.fr/commun/modeles/commun/structure/img/accueil-admin.gif);
}

#cadre_boutons_connecte a#bandeau_site {
	display: none;
}

#cadre_boutons_connecte a#bandeau_deconnexion {
	padding-left: 22px;
	background-image: url(http://www.savigneux.fr/commun/modeles/commun/structure/img/deconnexion-admin.gif);
}

#opacity {
  position: fixed;
  top: 0;
  left: 0;
  right:0;
  bottom:0;
  background-color: rgba(0,0,0,0.5);
  z-index: 10;
  transition: all .3s;
  display:none;
}

#opacity.display {
  display:block;
}

.menu-responsive, .menu-top-responsive {

  display: none;
}


hr {
	border: 1px
}

#bandeau_print {
	display: none;
}

html {
	width: 100%;
	height: 100%;
	margin: auto;
  background-color: #c0bbbb;
  background-color: white;
}

body {
	margin: 0px auto;
	font-family: arial, verdana, sans-serif;
	font-size: 12px;

}
 


#top {
  height: 24px;

  border-bottom: 1px solid #ffffff;

  // background-image: url(http://www.savigneux.fr/commun/modeles/commun/structure/img/fond-top.gif);
  background-position: top left;
  background-repeat: repeat-x;
}

#top #menu_top {
	width: 950px;
  height: 24px;
  margin: auto;
}

#top #menu_top ul#accessibilite {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

#top #menu_top ul#accessibilite li {
  margin-right: 15px;
  line-height: 24px;
  float: left;
}

#top #menu_top ul#accessibilite li a {
  font-size: 11px;
  text-decoration: none;
  color: #7d7d7d;
}

#top #menu_top ul#accessibilite li a:hover {
  color: rgb(59,105,176);
}

#top #menu_top #menu_haut {
  float: right;
}

#top #menu_top #menu_haut dl {
  margin: 0px;
  padding: 0px;
  float: left;
  line-height: 24px;
}

#top #menu_top #menu_haut dl dt a {
  padding-left: 5px;
  padding-right: 5px;

  font-size: 11px;
  text-decoration: none;
  color: rgb(59,105,176);
}

#top #menu_top #menu_haut dl dt a:hover {
  color: ;
}





#header {
  height: 192px;
  background-color: rgb(59,105,176);
  background-position: top left;
  background-repeat: repeat-x;
  width: 100%;
}

#header #bandeau {
  height: 192px;


  background-position: top center;
  background-repeat: no-repeat;
}

#header #bandeau #zone_bandeau {
  width: 992px;
  height: 192px;
  margin: auto;
  display: flex;
  align-items: center;
}

#header #bandeau #zone_bandeau a {
  display: block;
  width: 350px;
  height: 171px;
  margin-top: 20px;
  border-radius: 8px 0px;
  background: linear-gradient(90deg, #fff, transparent);
}


*, *:before, *:after {
  box-sizing: border-box;
}

#middle {
  
  background-color: #fff;
  background-position: top left;
  background-repeat: repeat-x;
}

#middle #pre_page {
  // background-image: url(http://www.savigneux.fr/commun/modeles/commun/structure/img/fond-pre-page.jpg);
  background-position: top center;
  background-repeat: repeat-y;
}

#middle #pre_page #page {
  // min-height: 700px; 
  background-position: top center;
  background-repeat: no-repeat;
}

#middle #pre_page #page #contener {
  width: 993px;
  margin: auto;
  border-left: solid 1px rgb(59,105,176);
  border-right: solid 1px rgb(59,105,176);
}

#middle #pre_page #page #contener #menu_horizontal {
	width: 100%;
  background-color: rgb(59,105,176);

}

#middle #pre_page #page #contener #menu_horizontal #menu_h {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: space-between;
}

#middle #pre_page #page #contener #menu_horizontal #menu_h dl {
  margin: 0px;
  padding: 0px;
  flex: 1;
}

#middle #pre_page #page #contener #menu_horizontal #menu_h dl dt {

}

#middle #pre_page #page #contener #menu_horizontal #menu_h dl dt a {
  display: block;
  padding: 15px 15px;

  font-size: .8rem;
  color: #ffffff;
  text-decoration: none;
  text-align: center;
  position: relative;
  z-index: 100;
}

#middle #pre_page #page #contener #menu_horizontal #menu_h dl dd {
  width: 280px;
  margin: 0px;
  padding: 0px;
  float: left;
  position: absolute;
  background-color: rgb(59,105,176);

  cursor: pointer;
}

#middle #pre_page #page #contener #menu_horizontal #menu_h dl dd ul {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  padding-top: 5px;
  padding-bottom: 5px;

  border: 1px solid #c0bbbb;
  background-color: rgb(59,105,176);
}

#middle #pre_page #page #contener #menu_horizontal #menu_h dl dd ul li {

  margin: 0px;
  padding: 0px;
}

#middle #pre_page #page #contener #menu_horizontal #menu_h dl dd ul li a {
  display: block;
  width: auto;
  padding: 5px 10px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
}

#middle #pre_page #page #contener #menu_horizontal #menu_h dl dd ul li a:hover {
  background-color: rgb(59,105,176);
  color: #c0bbbb;
}


.recherche {
  width: 80%;
  display: block;
  border: none;
  padding: 8px 10px;
  margin: auto;
  border-radius: 4px;
}

form[name=formulaire_recherche] a{

  text-decoration: none;
  display: block;
  margin: 10px auto;
  background-color: rgb(59,105,176);
  color: #fff;
  text-align: center;
  padding: 8px;
  border-radius: 4px;
  width: 40px;
}


.recherche:focus {
  outline: none;
}



#bottom {
  height: 135px;

  // background-image: url(http://www.savigneux.fr/commun/modeles/commun/structure/img/fond-bottom.gif);
  // background-position: top left;
  // background-repeat: repeat-x;
  background-color: rgb(59,105,176);
}

#bottom #baseline {
  width: 975px;
  height: 210px;
  margin: 0px auto;    
}

#bottom #baseline #coordonnees {
  width: 400px;
  height: 110px;
  margin: 0px auto;
  padding-top: 20px;
  padding-left: 110px;
  float: left;

  background-image: url(http://www.savigneux.fr/commun/modeles/commun/structure/img/logo-baseline.png);
  background-position: center left;
  background-repeat: no-repeat;
}

#bottom #baseline #coordonnees #adresse {
  width: 170px;
  float: left;
  
  font-size: 11px;
  color: #ffffff;
}

#bottom #baseline #coordonnees #tel {
  float: left;
  
  font-size: 11px;
  color: #ffffff;
}

#bottom #baseline #coordonnees #tel a {
  text-decoration: none;
  color: #ffffff;
}

#bottom #baseline #coordonnees #tel a:hover {
  text-decoration: underline;
}

#bottom #baseline #coordonnees #horaires {
  clear: both;
  width: 250px;
  margin-top: 20px;
  float: left;
  
  font-size: 11px;
  color: #acacac;
}

#bottom #baseline #menu_baseline {
  margin-top: 20px;
  margin-right: 30px;
  float: right;
}

#bottom #baseline #menu_baseline dl {
  margin: 0px;
  padding: 0px;
  float: left;
}



#bottom #baseline #menu_baseline dl dt {
  margin: 0px;
  padding: 0px;
  padding-left: 15px;

  background-image: url(http://www.savigneux.fr/commun/modeles/commun/structure/img/tiret-baseline.gif);
  background-position: 4px 4px;
  background-repeat: no-repeat;
}

#bottom #baseline #menu_baseline dl dt.premier {
  background-image: none;
}

#bottom #baseline #menu_baseline dl dt a {
  font-size: .8rem;
  color: #fff;
  text-decoration: none;  
}

#bottom #baseline #menu_baseline dl dt a:hover {
  color: #ffffff;
}

.flex-row {
  display: flex;
}

.flex-col-1 {

}

.flex-col-2 {

}

.flex-col-3 {

}

.flex-col-4 {
  width: 25%;
}

.flex-col-5 {

}

.flex-col-6 {

}

.flex-col-7 {

}

.flex-col-8 {
  width: 75%;
}

.flex-col-9 {

}

.flex-col-10 {

}

.flex-col-11 {

}

.flex-col-12 {

}

.padding {
  padding: 20px;
}

.debug {
  border: solid 1px red;
}

#right_sidebar {
  background-color: rgb(210,210,210);
  padding: 15px 0px;
  height: 100%;
}

.main-title {
  display: block;
  border-left: solid 5px rgb(59,105,176);
  padding-left: 15px;
}

.main-title h1 {
  font-family: Arial;
  text-transform: uppercase;
  font-size: 1rem;
  font-weight: bold;
  color: #000;
  margin: 0px;
}

#une .mon_actu {
  display: flex;
  text-decoration: none;
}

#une .mon_actu .vignette {
  flex: 1;
}

#une .mon_actu dl {
  flex: 3;
}

#une .mon_actu dl dt {

  color: #fff;
}

.logo-site {

  width: 200px;
  z-index: 9999 !important;
  position: relative !important;
}

#bottom #baseline #coordonnees #adresse,
#bottom #baseline #coordonnees #tel,
#bottom #baseline #coordonnees #horaires {

    font-size: .8rem;
    color: #fff;
    margin: 5px 0px;
  }

/**
 *  RESPONSIVE
 */

@media screen and (max-width: 968px){

  #header #bandeau #zone_bandeau {
    width: 100%;
  }

  // #zone_bandeau {

  //   display: none;
  // }


  #header #zone_bandeau {

    width: 100%;
  }


  .menu-responsive, .menu-top-responsive {
    display: inline-block;
    padding: 10px;
  }

  .menu-top-responsive {

    display:flex;
    justify-content: space-between;
  }

  .menu-responsive i {
    font-size: 2rem;
    color: #fff;
  }

  .menu-top-responsive i {
    font-size: 1rem;
  }

  .menu-responsive:hover, .menu-top-responsive:hover {
    cursor: pointer;
  }

  .menu-responsive span {

    font-size: 1rem;
    color: #fff;
    vertical-align: middle;
  }

  .menu-top-responsive span {

    font-size: .8rem;
    vertical-align: middle;
  }

  #header {
    background-color: transparent;
  }

  .flex-row {
    flex-wrap: wrap;
  }

  .flex-row div[class^='flex-col'] {
    width: 100%;
  }

  #header #accueil {

    width: 100% !important;
  }

  #middle #pre_page #page #contener #menu_horizontal #menu_h {
    position: fixed;
    left: 0;
    bottom: 0;
    top: 0;
    z-index: 9999;
    flex-direction: column;
    background-color: rgb(59,105,176);
    max-width: 70%;
    justify-content: flex-start;
    padding-top: 40px;
    transition: all .3s;
    transform: translateX(-100%);
    padding: 0px;
    height: 100vh;
    overflow-y: scroll;
  }

  #middle #pre_page #page #contener #menu_horizontal #menu_h.open {
    transform: translateX(0);
  }



  #middle #pre_page #page #contener #menu_horizontal #menu_h dl {
    flex: none;
  }

  #middle #pre_page #page #contener #menu_horizontal #menu_h dl dd {

    display: block !important;
    position: relative;
    width: 100%;
    padding-left: 20px;
    border: none;
  }

  #middle #pre_page #page #contener #menu_horizontal #menu_h dl dd ul li {

    border-bottom: solid 1px #678dc7;
    width: 60%;
  }

  #middle #pre_page #page #contener #menu_horizontal #menu_h dl dd ul li a {

    font-size: 1.1rem;
    padding: 10px 10px;
  }

  #middle #pre_page #page #contener #menu_horizontal #menu_h dl dd ul {

    border: none;
  }

  #middle #pre_page #page #contener #menu_horizontal #menu_h dl dt a {

    font-size: 1.2rem;
    text-align: left;
    border-bottom: solid 1px #fff;
  }

  #une .mon_actu .vignette {
    width: 100%;
  }

  #actualites #les_actus .mon_actu {
    width: 100% !important;
  }

  #une .mon_actu {
    flex-direction: column;
  }

  #une .mon_actu dl {
    width: 100% !important;
  }

  #middle #pre_page #page #contener,
  #bottom #baseline,
  #bottom #baseline #coordonnees {
    width: 100% !important;
  }

  #top #menu_top ul#accessibilite {
    display: flex;
    flex-direction: column;
    padding: 10px;
  }

  #top #menu_top {
    width: 100%;
    height: 0px;
    transition: all .3s;
    overflow: hidden;
  }

  #top {
    height: auto;
  }

  #une .mon_actu .vignette img {
    margin: 15px auto;
    display: block;
  }

  #bottom #baseline {
    height: auto;
  }

  #bottom #baseline #coordonnees {
    float: none;
    height: auto;
    width: 100%;
    padding: 0px;
    background-image: none;
  }

  #bottom #baseline #coordonnees #adresse,
  #bottom #baseline #coordonnees #tel,
  #bottom #baseline #coordonnees #horaires {

    width: 100%;
    float: none;
    text-align: center;
    padding: 10px 0px;
    font-size: .8rem;
    color: #fff;
  }

  #bottom #baseline #coordonnees #horaires {

    margin-top: 0px;
  }
  
  #bottom #baseline #menu_baseline {

    float: none;
    width: 100%;
  }

  #actualites #les_actus .mon_actu dl {
    display: block;
    width: 100%;
    margin-t
  }

  #bottom {
    height: 100%;
  }

  #bottom #baseline #menu_baseline {

    border-top: solid 1px rgba(255,255,255, 0.1);
  }

  #bottom #baseline #menu_baseline dl dt a {
    color: #fff;
    font-size: .8rem;
  } 

  #bottom #baseline #menu_baseline dl {
    float: none;
    text-align: center;
    margin: 10px 0px;
  }

  #menu_top.open {
    height: auto !important;
  }

  #bottom #baseline #menu_baseline dl dt {

    background-image: none;
  }
}

#slideshow {
  position:relative;
  height: 192px;
  display: flex;
  align-items: center;
}

#slideshow IMG {
  position:absolute;
  top:21px;
  left:0;
  z-index: 108;
  border-radius: 8px 8px 0px 0px;
  width: 993px;
}

#slideshow IMG.active {
  z-index: 110;
}

#slideshow IMG.last-active {
  z-index: 109;
}

#header {
	
  position: relative;
  overflow:hidden;
}

#header #bandeau {
  width: 100%;
  position: absolute;
  top: 0px;
  left: 0px;
  background-position: top center;
  background-repeat: no-repeat;

  z-index: 10;
}

#header #zone_bandeau {
  position: relative;
  width: 993px;
  height: 192px;
  margin: -192px auto;
  z-index: 1;
}

#header #accueil {
  width: 993px;
  height: 192px;
  margin: 0px auto;
  position: relative;
  display: flex;
  align-items: center;
  z-index: 20;
}

#header a {
  display: block;
  width: 350px;
  height: 171px;
  margin-top: 20px;
  border-radius: 8px 0px;
  background: linear-gradient(90deg, #fff, transparent);
}

.plus img {
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: auto;
}


#middle #pre_page #page #contener #texte ul.elements_menu {
	list-style-type: none;
	padding-bottom: 10px;
  margin: 0px;
  margin-top: 20px;
	margin-bottom: 10px;
	border-bottom: 1px solid #dddddd;
}

#middle #pre_page #page #contener #texte ul.elements_menu li {
  line-height: 20px;
  padding-left: 20px;  

  background-image: url(http://www.savigneux.fr/commun/modeles/defaut/img/puce-dt.gif);
  background-position: 0px -3px;
  background-repeat: no-repeat;
}

#middle #pre_page #page #contener #texte ul.elements_menu li a {
  color: #acacac;
  text-decoration: none;
}

#middle #pre_page #page #contener #texte ul.elements_menu li a:hover {
  color: #9fc20a;
  text-decoration: none;
}

#middle #pre_page #page #contener #texte ul.elements_menu li ul {
  list-style-type: none;
  padding-left: 10px;
}

#middle #pre_page #page #contener #texte ul.elements_menu li ul li {
  line-height: 20px;
  padding-left: 10px;  

  background-image: url(http://www.savigneux.fr/commun/modeles/defaut/img/puce-li.gif);
  background-position: 0px 2px;
  background-repeat: no-repeat;
}

#middle #pre_page #page #contener #texte ul.elements_menu li ul li a {
  font-size: 11px;
  color: #7d7d7d;
}
    
		

#fenetre_diaporama {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	background-color: #000000;
	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	opacity: 0.8;
}

#mon_diaporama {
	width: auto;
	height: auto;
	margin: auto;
	position: absolute;
	left: 50%;
  padding-left: 20px;
  padding-right: 20px;
  background-color: #ffffff;

  z-index: 999;
}

#mon_diaporama #entete_diaporama {
	width: 800px;
	height: 50px;
	margin: auto;
  
  background-color: #ffffff;
}

#mon_diaporama #entete_diaporama a#fermer_diaporama {
	display: block;
	width: 50px;
	height: 50px;
	float: right;
  	
	background-image: url(http://www.savigneux.fr/commun/modeles/commun/gallerie/img/diapo-fermer.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#mon_diaporama div#mon_image_complete_diaporama
{
}

#mon_diaporama img {
	display: block;
	margin: auto;
	
	border: 8px solid #BEBEBE;
}

#mon_diaporama #deplacement_diaporama {
	width: 800px;
	height: 50px;
	margin: auto;
  
  background-color: #ffffff;
}


#mon_diaporama #deplacement_diaporama a#precedent_diaporama {
	display: block;
	width: 50px;
	height: 50px;
	float: left;
  	
	background-image: url(http://www.savigneux.fr/commun/modeles/commun/gallerie/img/diapo-precedent.gif);
	background-position: top left;
	background-repeat: no-repeat;
}

#mon_diaporama #deplacement_diaporama #diapo_titre_diaporama {
	display: block;
	width: 700px;
	height: 50px;
	line-height: 50px;
	float: left;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#mon_diaporama #deplacement_diaporama a#suivant_diaporama {
	display: block;
	width: 50px;
	height: 50px;
	float: right;
  	
	background-image: url(http://www.savigneux.fr/commun/modeles/commun/gallerie/img/diapo-suivant.gif);
	background-position: top left;
	background-repeat: no-repeat;
}


#middle #pre_page #page #contener #menu_v {
 
  background-color: #d2d2d2;
  padding: 10px;
  margin: 20px;

}

#middle #pre_page #page #contener #menu_v h1 {
  margin: 0px;
  padding: 0px;
  font-size: 14px;
  text-transform: uppercase;
  color: #000;
  text-align: center;
  margin-bottom: 10px;
}

#middle #pre_page #page #contener #menu_v dl {
  margin: 0px;
  padding: 0px;
}

#middle #pre_page #page #contener #menu_v dl dt {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid rgb(216,216,216);
}

#middle #pre_page #page #contener #menu_v dl dt a {
  display: block;
  line-height: 25px;
  color: #000;
  text-decoration: none;
  background-position: top left;
  background-repeat: no-repeat;
  padding: 8px 10px;
}

#middle #pre_page #page #contener #menu_v dl dt.premier-selected a,
#middle #pre_page #page #contener #menu_v dl dt.premier-selected-ssenfant a,
#middle #pre_page #page #contener #menu_v dl dt.defaut-selected a,
#middle #pre_page #page #contener #menu_v dl dt.defaut-selected-ssenfant a,
#middle #pre_page #page #contener #menu_v dl dt.dernier-selected a,
#middle #pre_page #page #contener #menu_v dl dt.dernier-selected-ssenfant a {
  background-color: #f1f0f0;
}

#middle #pre_page #page #contener #menu_v dl dd {
  margin: 0px;
  padding: 0px;

  border-bottom: 1px dashed #c0bbbb;
}

#middle #pre_page #page #contener #menu_v dl dd ul {
  margin: 0px;
  margin-top: 10px;
  margin-left: 30px;
  margin-bottom: 10px;
  padding: 0px;

  list-style-type: none;
}

#middle #pre_page #page #contener #menu_v dl dd ul li a {
  padding: 8px 10px;
  line-height: 16px;
  font-size: 11px;
  color: #7d7d7d;
  text-decoration: none;
  display:block;
}

// #middle #pre_page #page #contener #menu_v dl dd ul li a:hover {
//   color: #9fc20a;
// }

#middle #pre_page #page #contener #menu_v dl dd.selected ul li.premier-selected a,
#middle #pre_page #page #contener #menu_v dl dd.selected ul li.defaut-selected a,
#middle #pre_page #page #contener #menu_v dl dd.selected ul li.dernier-selected a {
  color: #000;
}

#middle #pre_page #page #contener #ariane {
  margin-top: 20px;
  margin-left: 20px;
  float: left;

  font-size: 11px;
  color: #9fc20a;
}

#middle #pre_page #page #contener #ariane a {
  font-size: 11px;
  color: #acacac;
  text-decoration: none;
}

#texte p {
  color: #000;
}

.c-noir {
  color: #000 !important;
}

#middle #pre_page #page #contener #titre {
	width: 100%;
  height: 37px;
}

#middle #pre_page #page #contener #titre h1 {
  
  text-transform: uppercase;
  font-size: 17px;
  color: #000;
}

#middle #pre_page #page #contener #texte {
  width: 100%;
  margin-right: 20px;
  margin-bottom: 20px;

  line-height: 18px;
}

#middle #pre_page #page #contener #texte h2 {
  font-size: 13px;
  color: #000000;
  font-weight: bold;
}

#middle #pre_page #page #contener #texte a {
  color: rgb(59,105,176);
}

#middle #pre_page #page #contener #texte a:hover {
  text-decoration: none;
}


#middle #pre_page #page #contener #texte h2 {
  font-family: arial, verdana, sans-serif;
  font-size: 13px;
  font-weight: bold;
  
  color: #000000;
}

#middle #pre_page #page #contener #texte h3 {
  font-family: arial, verdana, sans-serif;
  font-size: 12px;
  font-weight: bold;
  
  color: rgb(59,105,176);
}

#middle #pre_page #page #contener #texte .mise_en_avant {
  color: rgb(59,105,176);
}

#middle #pre_page #page #contener #texte .mise_en_avant_bleu {
  color: rgb(59,105,176);
}

#middle #pre_page #page #contener #texte .note {
  font-family: arial, verdana, sans-serif;
  font-size: 11px;
  
  color: #7d7d7d;
}

#middle #pre_page #page #contener #texte ul {
  list-style-type: none;
  margin-left: 0px;
  padding-left: 10px;
}

#middle #pre_page #page #contener #texte ul li {
  list-style-type: square;
  color: #000;
}

#middle #pre_page #page #contener #texte ul li ul {
  margin-top: 5px;
}

#middle #pre_page #page #contener #texte ul li ul li {
  list-style-type: square;
  color: #000;
}

#middle #pre_page #page #contener #texte ul li ul li ul li {
  list-style-type: square;
  color: #000;
}

#middle #pre_page #page #contener #texte img {
  max-width: 100%;
}

#middle #pre_page #page #contener #texte table.presentation {
  width: 100%;
  border-spacing: 0px;
  border-collapse: collapse;
}

#middle #pre_page #page #contener #texte table.listing {
  width: 100%;
  border-spacing: 4px;
}

#middle #pre_page #page #contener #texte table.listing th {
  padding-left: 5px;
  padding-right: 5px;
  text-align: left;
  color: rgb(59,105,176);
}

#middle #pre_page #page #contener #texte table.listing td {
  padding-left: 5px;
  padding-right: 5px;
  border: 1px solid #dddddd;
  font-size: 11px;
}

#middle #pre_page #page #contener #texte table.listing td.libelle {
  font-size: 11px;
  color: #000000;
}

#middle #pre_page #page #contener #texte blockquote {
  border-left: 1px solid rgb(59,105,176);
  padding-left: 10px;
  margin-left: 20px;
}


#zone_texte_recherche {
  margin-top: 30px;
}

#zone_texte_recherche input {
  margin-right: 10px;
  padding-left: 5px;

  font-size: 11px;

  border: 1px solid #dddddd;
  background-color: #eeeeee;
}

#middle #pre_page #page #contener #texte #zone_texte_recherche a#bouton_ok_recherche {
  text-decoration: none;
  font-weight: bold;  
}

#middle #pre_page #page #contener #texte #zone_texte_recherche ul {
  margin: 0px;
  paddinf-left: 5px;
  list-style-type: none;
}

#middle #pre_page #page #contener #texte #zone_texte_recherche ul li {
padding-left: 10px;
  background-image: url(http://www.savigneux.fr/commun/modeles/defaut/img/puce-li.gif);
  background-position: top left;
  background-repeat: no-repeat;
}


h1.actus_consult {
  height: 50px;
  margin: 0px;
  margin-top: -32px;
  margin-left: 35px;
  
  font-weight: normal;
  text-transform: uppercase;
  font-size: 18px;
  color: rgb(59,105,176);	
}

.sous_titre_consult {
	color: #000000;
  margin-bottom: 5px;
}

.titre_consult {
  color: #9fc20a;
  font-size: 14px;
  margin-bottom: 5px;
}

.leslie {
  width: 650px
  float: left;
  overflow: auto;
  margin-bottom: 10px;
  padding-bottom: 10px;

  border-bottom: 1px solid #dddddd;
}

.vignette_consult {
  width: 190px;
  float: left;
}

.vignette_consult img {
  border: 1px solid #9fc20a;
}

.resume_consult {
  width: 455px;
  float: left;
  font-style: italic;
  color: #7d7d7d;
}

.cadre_si_lien {
  float: left;
  margin-top: 10px;
}

.flex {
  display: flex;
}