/*****************************/
/*** Core html setup stuff ***/
/*****************************/
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/

/*****************************************/
/*** HEADER							   ***/
/*****************************************/
/*****************************************/
/*** MENU							   ***/
/*****************************************/

/*****************************************/
/*** CONTENU						   ***/
/*****************************************/
div#actus {
	margin-top:70px/* !important*/;;
}
div#agenda {
	margin-left:75px/* !important*/;;
}
div#projets {
	margin-left:75px/* !important*/;;
}
div#profil img {
	display:none;
}
div#habitant img {
	display:none;
}
div#ens_modules {
	margin-left:75px/* !important*/;;
}
div#cadre_click {
padding-top:1%;
padding-bottom:2%;
}
div#module_article {
margin-left:0px !important;
}
div.ic_info_col1 {
	width:70%;
}
div.ic_info_col2 {
	width:28%;
}
@media (min-width: 980px) and (max-width: 1024px) {
div#agenda, div#projets, div#ens_modules {
    margin-left: 20px;

}/* new */
  
  
/* ****************************************** ACTUS TRAVAUX */
/* ----- Styles généraux */


/* ----- BLOC "FOCUS SUR..." */
#focus-sur {
  border: 8px dotted #ededed !important;
  width: 90% !important;
  margin: 40px 0 30px 1% !important;
  padding: 1% 2% 2% 2% !important;
  font-size:1em;
}

.styles-travaux #titre-FT {
  color: #f26822 !important;
  text-transform: uppercase !important;
  font-weight: normal !important;
  font-style:italic !important;
}

.styles-travaux h2 {
  line-height: 30px !important;
  margin-top: 20px !important;
  padding: 0;
}
.styles-travaux h2 strong {
  background-color: #f26822 !important;
  color: #ffffff !important;
  margin: 10px 5px 0 0 !important;
  padding: 0 4px !important;
  font-weight: bold !important;
  text-transform: none !important;
  line-height:normal !important;
}
.styles-travaux h2 em {
  color: #000000 !important;
  margin: 0 !important;
  font-weight: bold !important;
  font-style: normal !important;
  line-height:normal !important;
}
.styles-travaux h3 {
  font-size:1.1em !important;
  color: #f26822 !important;
  font-style: italic !important;
  line-height: normal !important;
  font-weight: normal !important;
  margin-bottom: 10px !important;
  padding: 0;
}
.styles-travaux p {
  border-left: 8px solid #f26822 !important;
  padding-left: 3% !important;
  padding-bottom: 5px !important;
  font-size:1.1em !important;
  margin: 0 0 20px 2% !important;
}

div#ui-id-4.styles-travaux {font-size:0.85em !important;}
 div#ui-id-4.styles-travaux h2{font-size: 1.1em !important;}
div#ui-id-4.styles-travaux h3{font-size: 1.1em !important;} 
  
}
@media (min-width: 768px) and (max-width: 979px) {
div#agenda, div#projets, div#ens_modules {
    margin-left: 20px;
}/* new */
}
/*****************************************/
/*** PIED DE PAGE					   ***/
/*****************************************/

/*****************************************/
/*** XMAP							   ***/
/*****************************************/




@media (min-width: 768px) and (max-width: 979px) {
/************ ÉLUS ***************/
  .adj-cons {width: calc(90% / 3);}


}
  @media screen and (min-width: 0px) and (max-width: 767px) {
      /************ ÉLUS ***************/
    .adj-cons {width: calc(90% / 2);}
    
}
  
  @media (max-width: 350px) {
  /************ ÉLUS ***************/
  #maire .description {text-align:center !important;}
    .adj-cons,.photo, .description {width: 100% !important;}
 
}