img{max-width: 100%;}
/*IMAGE BANDEAU*/
 #bg_image_section{
	-webkit-background-size: cover;
	background-size: cover;
	min-height: 465px;
	background-position: center center;
}

/*FIL DE NAVIGATION*/
#ariane{
	background: #eeeeee;	
  padding-top: 10px;
  padding-bottom: 15px;
}

#ariane #addfav {
	display: none;
}

#ariane a,
#vousetesicitexte{
	font-size: 13px;
	color: #303030;
}
#ariane #filnavigation a::after{
	content: ' | ';
	display: inline-block;
	padding: 0 5px;
}
#ariane #filnavigation a.derniereP::after{
	display: none;
}
#ariane #filnavigation_1{
	padding-left: 0;
  padding-top: 5px;
}
#ariane a.fil.derniereP, #filnavigation_1 a:last-child{
	color: #f94f4f;
}
#ariane #filnavigation_2{
	text-align: right;
	position: relative;
    padding-right: 0;
}

#ariane #filnavigation_2 a:hover {
	text-decoration: none;
}

#ariane #barreoutils_ img {
	padding: 0 5px;
}
#ariane #barreoutils_ a:nth-child(2){
  display: inline-block;
  position: relative;
  top: 2px;
}
#ariane #barreoutils_ a:nth-child(5),
#ariane #barreoutils_ a:nth-child(4){
  display: inline-block;  
  position: relative;
  top: 5px;
}
#ariane .pagecourante{
	display: none;
}
#ariane .fil_separ{
	display: none;
}

#main {
	background: #fff;
	position: relative;
	min-height: 600px;	
}

/*** CONTENU DYNAMIQUE ***/
h1, .h1{
	font-size: 24px;
	font-weight: 600
}
h2, .h2{
	font-size: 18px;
	font-weight: 700
}
h3, .h3{
	font-size: 16px;
	font-weight: 700
}


h5, .h5{
	font-size: 12px;
	font-weight: 700
}
.pagetitle{
	height: 45px;
	font-size: 20px;
	color: #fff;
	position: absolute;
    bottom: 0;
    width: 100%;
    background: #3B7FB7;
}
.pagetitle h1{
	margin-top: 0;
	line-height: 45px;
    padding-left: 30px;
    text-transform: uppercase;
}

.redac.TContenu .vign{
	margin-right: 15px;
}

/*Agenda*/
#A1 .btn-agenda {
  color: #fff !important;
  background: #0068af !important ;
  border-color: #fff !important;
  border-radius: 0;
  margin-bottom: 30px;
}

#A1 .btn-agenda.active{
  background-color: #58585a!important;
}

#A1 .btn-agenda:hover {
  background: #58585a !important;
  transition: 0.3s ease-in-out;
  color: #fff !important;
  border-color: #fff !important;
}
#A1 .btn-agenda:focus {
  background: #58585a !important;
}
.page-agenda #contenu_dyn .wrap .colcontenu#A1 {
  padding-bottom: 50px;
}

.page-agenda .redac{
	position: relative;
	width: 100%;
  min-height: 300px;
}
.page-agenda .redac.redac_agenda {
  position: relative;
  display: block;
  height: auto;
}


#agenda_criteres {
    margin-bottom: 20px;
}

.page-agenda .colcontenu .titre, .page-agenda .colcontenu .titre > .spantitre > a {
    color: #0068af!important;
    font-size: 20px;
    font-weight: bold;
}

#conteneur_interne .colcontenu#A1 .redac .contact .commentairem1 {
    color: #0068af;
    font-weight: 700;
    font-size: 16px;
}


.page-agenda .redac.novign::before{
  content:'';
  position: relative;
  width: 263px;
  height: 243px;
  background: #eeeeee;
  display: inline-block;
  float: left;
  margin-right: 10px;
}

.page-agenda .date_manif .wrapp_date-start, .page-agenda .date_start {
    position: absolute;
    top: -10px;
    left: 20px;
}

.page-agenda .date_manif .wrapp_date-start, .page-agenda .date_manif .wrapp_date-end, .page-agenda .date_start, .page-agenda .date_end {
    background: #fff;
    width: 50px;
    height: 70px;
    text-align: center;
    color: #0068af;
    border: 1px solid #0068af;
    display: block;
}

.page-agenda .date-start_jour_lettre, .page-agenda .date-start_annee, .page-agenda .date-end_jour_lettre, .page-agenda .date-end_annee {
    display: none;
}

.page-agenda .date-start_mois_lettre, .page-agenda .wrapp_date-end .date-end_mois_lettre {
    display: none;
}

.page-agenda #conteneur_interne .redac.redac_agenda .vign {
    display: none;
}

.page-agenda .date-start_jour_nbre, .page-agenda .date-end_jour_nbre {
    display: block;
    font-size: 25px;
    font-weight: 600;
}

.page-agenda .date_manif .date-end_mois_nbre, .page-agenda .date_manif .date-start_mois_nbre {
    display: block!important;
    position: relative;
    top: -5px;
    font-size: 25px;
    font-weight: 600;
}

.page-agenda .date_manif .wrapp_date-end, .page-agenda .date_end {
    position: absolute;
    top: -10px;
    left: 90px;
}

.page-agenda #conteneur_interne .redac.TContenu .wrapp-vign {
    display: block;
    float: left!important;
    margin: 0!important;   
}

.page-agenda .redac a.liredetails {
  color: #0068af;
}



.page-agenda .type1 {
    background: #0068af;
    display: inline-block;
    padding: 3px 15px;
    color: #fff;
    margin: 5px 0;
}



#menu_vignette .container-vignette {  
  transition: 0.3s ease-in-out;
}


#menu_vignette li:hover .container-vignette {
  opacity: 0.6;
  transition: 0.3s ease-in-out;
  transform: none;
}

#main_content {
	padding: 30px 0;
}
#contenu_dyn .page_courante{
  height: 60px;
  display: table-cell;
  vertical-align: middle;
  position: relative;
}

#contenu_dyn .page_courante h1 {
	font-size: 31px!important;
	font-weight: 100;
	color: #00a0e0!important;
	text-transform: uppercase;
  margin:  0;
  padding-left: 15px;
	}

#contenu_dyn .page_courante h1:before {
	content: "";
	display: inline-block;
	margin-right: 10px;
	height: 60px;
	width: 4px;
	background-color: #00a0e0;
	position: absolute;
	top: 0;
  left: 0;
}

#contenu_dyn .row {
	padding-bottom: 30px;
}

/****redac*****/

.redac h2.titre {
  font-size: 20px;
  padding-bottom: 10px;
  font-weight: 700;
  color: #00a0e0;
  text-transform: uppercase;
}

.redac h2.titre a  {
  font-size: 20px;
  font-weight: 700;
  color: #00a0e0;
  text-transform: uppercase;
}

.redac h2.titre .link {
    font-size: 20px;
    font-weight: 700;
    color: #00a0e0;
    text-transform: uppercase;
}
.redac.redac_agenda h2 span .link {
  color:#00a0e0 !important;
}

.redac .readmore {
  padding-top: 10px;
}

.redac.redac_agenda .readmore a {
  color: #00a0e0;
}

.redac .liredetails {
  color: #00a0e0;
}


.redac.TContenu .resume {
    padding: 15px 0px;
}

.redac.TListe img.vign {
    margin: 10px;
}

.redac.TContenu .resume.fiche img {
	margin: 10px;
}

.redac.redac_agenda .resume .clearfix {
  display: none;
}

.redac.redac_agenda .resume a.readmore {
  color: #00a0e0;
}

.redac .label  {
  font-size: 14px;
  color: #333;
}


#conteneur_interne .redac.TContenu .vign {
    margin-bottom: 10px;
    padding-right: 10px;
    padding-left: 10px;
}

.wrapp_redac_tuiles .wrap .vign {
    display: none;
}

 .page-espacesenfants-parents .redac .vign {
    display: none;
}


.page-agenda .colcontenu hr {
    border-top: 1px solid #eee;
    clear: both;
}

.redac_tuile_contenu .titre {
  font-size: 20px !important;
}

.redac_tuile_contenu h2.titre > span {
  font-size: 20px !important;
}

.page-actualites .titre a {
  font-size: 20px !important;
}

.redac_tuile_contenu .resume {
  font-size: 14px !important;
}



#conteneur_interne #calendrierA1 .wrapp-vign img {
  padding-right: 15px;
}

#conteneur_interne .redac .detail {
	padding-top: 20px;
  clear: both;

}

.page-agenda #conteneur_interne .row {
  display: none;
}

#conteneur_interne .well {
	background: #e5e5e5;
	border-radius: 0;
	border: none;
	box-shadow: none;
	font-weight: 600;
}

#conteneur_interne .redac #desc2 {
	display: block;
}

#conteneur_interne .redac .detail img {
	margin: 10px;
  margin-top: 0;
}

#conteneur_interne .redac_agenda .detail .img1 {
  margin-top: 20px;
}

#conteneur_interne .colcontenu .detail p {
  margin: 0;
}
#conteneur_interne .colcontenu .redac .contact {
  color: #00a0e0;
  font-weight: bold;
}

#conteneur_interne .colcontenu .redac .contact .label {
  color: #00a0e0;
  font-weight: bold;
  font-size: 17px;
}

#conteneur_interne .redac #geoarticle {
  display: none;
}

.redac_tuile.TContenu .crit1{
  margin-top: 10px;
      display: inline-block!important;
    padding: 8px 15px;
    font-size: 14px !important;
    background: #adc32c;
    z-index: 1;
    transition: 0.3s;
    color: #fff;
    text-transform: capitalize;
    font-weight: 600;      
}


#media .titre span a {
  color: #a51e7f;
  font-weight: 700;
}

.redac.redac_annuaire {
  padding-top: 15px;
}

/*******annuaire fiche********/

.redac_annuaire .titre {
  padding-bottom: 10px;
}

.redac_annuaire #spantitre {
  color: #00a0e0;
  font-size: 20px;
}

.pagination {
  margin-bottom: 20px;
}

.listeannuaire .redac {
  clear: none !important;
}

#annuaire_fiche .redac .detail {
  padding-top: 10px;
}

#articlegeolocalise #titre {
  display: none;
}

#articlegeolocalise #map {
  margin: 10px 0;
}

#formmarchecritere {
  margin-bottom: 20px;
}

#encart_haut_contenu_A1{
  display: none
}

/**************En 1 clic*****************/
#en1clic_section{ 
 margin-top: 30px;
}


#en1clic_section ul{
  display: table;
}
#en1clic_section ul li{
  text-align: left;
  text-transform: uppercase;
  display: table-cell;
  position: relative;
  padding: 0 15px;

}

#en1clic_section ul li .accesNiv2 {
  display: table;
  color: #fff;
  font-size: 22px;
  font-weight: 100;
  width: 100%;
  height: 115px;
  margin-bottom: 40px;
  text-align: left;
  text-decoration: none;
  transition: 0.3s ease-in-out;
}

#en1clic_section .accesNiv2:hover {
  padding-left: 20px;
  transition: 0.3s ease-in-out;
}

#en1clic_section .text_menuacces {
  display: table-cell;
  vertical-align: middle;
  width: 65%; 
}


#en1clic_section .all-acces {
    text-align: center;
    padding-bottom: 40px;
    position: relative;
}

#toutservices{
  transition: 0.3s;
  background: #0068af;
  padding: 14px 15px;
  text-decoration: none;
}

#toutservices:after {
    content: 'Tous les services';
    color: #fff;
    text-transform: uppercase;
    font-size: 12px;
}

#toutservices .icon-plus {
  background-image: url(../images2/more_circle.png);
  background-repeat: no-repeat;
  display: inline-block;
  width: 30px;
  height: 33px;
  margin-bottom: -16px;
}

#toutservices:hover{
  color: #000;
  transition: 0.3s;
}

#en1clic_section ul li a img {
  float: left;
  padding-left: 15px;
  padding-top: 15px;

}

#en1clic_section ul .li_4 img{
  padding-top: 20px;
  padding-left: 25px;
}

#en1clic_section ul .li_5 img {
  padding-top: 20px;
}

#en1clic_section ul .li_6 img {
  padding-top: 25px;
}

/*******************************RESPONSIVE*******************************/


/*Point de rupture des blocs*/
@media only screen and (max-width : 768px)   {
#contenu_dyn .page_courante h1{
  font-size: 20px!important; 
}
	h1{
		font-size: 20px!important;
	}
	h2{
		font-size: 16px;
	}
	h3{
		font-size: 14px;
	}
	.pagetitle{
		height: inherit;
		position: relative;
	}
	.pagetitle h1{
		padding: 15px;
		line-height: 25px;
	}
	#bg_image_section{
		min-height: 200px;
	}

}