html {
    margin:0;
  	padding:0;
}

main {
	margin-top: 100px;
}
header {
	height: 10px;
}

body {
	font-family: Trebuchet MS;
	background-color: white;
	max-width: 1100px;
	/*background: url(../images/oratoire.jpg) no-repeat center center fixed; */
	background-repeat: no-repeat;
	background-position:center center;
	background-attachment: fixed;

 	background-size: contain;
 	margin: auto;
}

body .div_compte {

}

.index_site {
	background-size: cover;
}

div:target { /* Decalage de l'ancre sous le menu */
    padding-top: 6em;
    margin-top: -6em;
}

.row {
	margin: 0px;
}

#presentation {
	/*margin-top: 0px;*/
}

#row_presentation {
	/*margin-top: 100px;*/
}

#presentation_ .jsonTitre {
	margin-bottom: 10px;
}

#row_horaires_et_coordonnees {
	margin-bottom: 0;
}
#row_personnels {
	border-top: none;
}

.jsonData {
    background-color: rgba(255,255,255, 1);
    margin-bottom: 20px;
    padding-top: 5px;
    border-top: 4px solid #616161;
    margin-right: 0px;
    padding-right: 0px;
}

.jsonChapitre div {
    padding-left: 20px;
    padding-bottom: 5px;
    font-size: 22px;
    font-weight: bolder;
    color: #E43647;
}

.jsonLineSep {
    border-bottom: 1px solid #E43647;
    margin-left: 20px;
    margin-right: 20px;
}

.jsonSousChapitre {
    margin-left: 0px;
    margin-bottom: 10px;
    padding-left: 40px;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 18px;
    font-weight: bold;
    color: #E43647;
}

.jsonSousChapitreDetails {
    padding-top: 10px;
    padding-left: 10px;
}

.jsonTitre a {
    font-size: 14px;
    font-weight: bold;
    color: #616161;
}

.jsonTitre {
    font-size: 16px;
    font-weight: normal;
    color: #E43647;
}

.jsonDesc {
    float: left;
    font-size: 14px;
    font-weight: normal;
    color: #3e414c;
    padding-left: 20px;
    min-width: 180px;
}

.vie_economique_Commerces,
.vie_economique_Artisans,
.vie_sociale_Logements_Sociaux,
.vie_sociale_Ecoles_et_garderies,
.vie_associative_ {
    background:rgba(255,255,255,0.9);
    position: relative;
    min-height: 200px;
    max-width: 220px;
    margin-right: 20px;
    margin-bottom: 20px;
    border: 2px solid #e4e2e2;
}

.vie_economique_Commerces .jsonTitre,
.vie_economique_Artisans .jsonTitre,
.vie_sociale_Logements_Sociaux .jsonTitre ,
.vie_sociale_Ecoles_et_garderies .jsonTitre ,
.vie_associative_ .jsonTitre {
    text-align: center;
}

.vie_economique_Commerces .jsonDesc,
.vie_economique_Artisans .jsonDesc,
.vie_sociale_Logements_Sociaux .jsonDesc,
.vie_sociale_Ecoles_et_garderies .jsonDesc,
.vie_associative_ .jsonDesc {
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    padding-left: 0px;
}

.vie_economique_Commerces .jsonImage,
.vie_economique_Artisans .jsonImage,
.vie_sociale_Logements_Sociaux .jsonImage,
.vie_sociale_Ecoles_et_garderies .jsonImage,
.vie_associative_ .jsonImage {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
}

.vie_economique_Commerces .jsonImage img,
.vie_economique_Artisans .jsonImage img,
.vie_sociale_Logements_Sociaux .jsonImage img,
.vie_sociale_Ecoles_et_garderies .jsonImage img,
.vie_associative_ .jsonImage img  {
    padding-top: 40px;
    width: 100%;
    opacity: 0.2;
    margin: auto;
}


.vie_economique_Commerces .jsonImage img:hover,
.vie_economique_Artisans .jsonImage img:hover,
.vie_sociale_Logements_Sociaux .jsonImage img:hover,
.vie_sociale_Ecoles_et_garderies .jsonImage img:hover,
.vie_associative_ .jsonImage img:hover {
    opacity: 0.9;
}

.vie_associative_ .jsonDesc {
    width: 90%;
}

.localisation_ {
    background-color: white;
    padding: 0;
    margin: 0;
}

.localisation_ .jsonDesc {
    width: 98%;
}

.presentation_ .jsonDesc {
    width: 98%;
    padding-left: 20px;
    padding-right: 10px;
    margin-right: 0px;
    text-align: justify;
    font-weight: normal;
    background-color: transparent;
    /*hyphens: none;*/
}

.sites_remarquables_:hover {
	border: 2px solid blue;
}

.sites_remarquables_:active .jsonImage img{
	width: 100%;
}

.horaires_et_coordonnees_ .jsonDesc {
	width: 98%;	
}

.jsonImage {
	text-align: center;
	vertical-align : middle;

}
.jsonImage img {
	border: 0 none;
	width: 100%;
	/*margin-left: 10px;*/
}

.jsonPdf {
	border: 0 none;
	height: auto;
	font-size: 14px;
	color: #0a0a6d;
}

.div_inline {
	margin-top: 10px;
}


.liens_ {
	margin-bottom: 60px;
}

.liens_ .jsonDesc {
	/*width: 225px;*/
	width: 70%;
	margin-right: 0px;
	padding-right: 0px;
	padding-right: 0px;
	padding-left: 0px;
}

.liens_ .jsonImage img {
	border: 0 none;
	width: 120px;
	margin-left: 0px;
	padding-left: 0px;

}

#flash_info {
	margin: 0px;
	padding: 0px;
	padding-right: 20px;
}

#row_flash_info {
	height: auto;
	min-height: 500px;
	margin-right: 0px;
}

.actuDesc {
	color : #3e414c;
	margin: 0;
	padding: 0;
	font-size: 14px;
}

.flash_info_  {
	width: 100%;
	margin-bottom: 40px;
}

.flash_info_ .jsonTitre {
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
	width: 30%;
	height: 100%;
	border-right: 4px solid #616161;
}

.flash_info_ .jsonDesc {
	display: inline-block;
	vertical-align: top;
	float: right;
	width: 70%;
}

.conseil_municipal_ .jsonDesc {
	float: unset;
}

#contact {
	background-color: rgba(255,255,255, 0.9);
	margin: 0px;
	padding: 0px;
	height: 500px;
	color: #f9f8ff ;
}

#contact_form {
	margin: 0px;
	margin-bottom: 0px;
	padding: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

#contact_form_submit {
	margin-top: 20px;
	background-color: #E43647;
	border: none;
}

.contact_form_label {
	color:#E43647 ;
	font-family: Trebuchet MS;
	font-size: 16px;
	margin-top: 20px;
}

#elus_ {
	padding-left: 0px;
}

.elus_ {
	max-width: 380px;
	/*padding: 4px;*/
	box-sizing: border-box;
	padding-right: 20px;
}

.row_elus {
	margin-top: 10px;
}

#colelus_Maire {
	max-width: 380px;
}

.elus_ .jsonImage {
margin-left: 0px;
padding-left: 0px;
margin-right: 0px;
padding-right: 10px;
width: 80px;
float: right;
}


.elus_ .jsonTitre,
.personnels_  .jsonTitre {
	text-align: center;
	font-size: 14px;
	margin-bottom: 2px;
}

.elus_ .elusDesc,
.personnels_ .elusDesc  {
	font-size: 14px;
	font-weight: normal;
	color: #3e414c;
	margin-right: 0px;
	padding-right: 0px;
	line-height: 120%;
}

.elus_ .jsonLineSep,
.personnels_ .jsonLineSep   {
	margin-bottom: 4px;
}

#slide_carousel_patrimoine_ {
	/*text-align:center;*/
	/*max-height: 400px;*/
}

#patrimoine_ {
	margin-right: 10px;
}

#patrimoine_ .carousel-caption {
	color: white;
}

.carousel_patrimoine_Slide {
	height: 400px;
	width: auto;
}

.carousel_patrimoine_Slide img {
	min-height: 100%;
	max-height: 100%;
	width: auto;
	margin: auto;
}

/* Parametres des comptes particuliers */
/* ----------------------------------- */
.compte .jsonChapitre div {
	background-color: rgba(255, 255, 255, 0.5);
	font-size: 40px;
	margin-left: 20px;
	margin-right: 20px;
	text-align: center;
}

.compte .jsonTitre {
	font-size: 30px;
	padding-left: 10px;
	background-color: rgba(255, 255, 255, 0.9);
}

.compte .jsonDesc {
	font-size: 25px;
	text-align: center;

}

.compte,
.compte .jsonSousChapitre,
.compte .jsonSousChapitre .jsonSousChapitreDetails {
	background-color: transparent;
	margin: 0px;
	padding: 10px;
}

.compte .jsonSousChapitre .jsonSousChapitreDetails .row{
	margin-bottom: 40px;
}
.rowCompteW50 {
	background-color: rgba(255, 255, 255, 0.5);
	padding: 0px;
	margin: 0px;
	position: relative;
}

.compteW50 {
	height: auto;
}

.compteW50 div {
	padding: 10px;
	width: 100%;
	height: auto;
}

.compteW50 img {
	margin: 0px;
	padding: 10px;
	width: 100%;
	height: auto;
}

.compteW100 {
	background-color: rgba(255, 255, 255, 0.8);
	text-align: center;
	padding: 10px;
}

.compteW100 img {
	width: 90%;
	max-width: 400px;
}

.compte .compteW100 img {
	width: 90%;
	max-width: unset;
}

.compte .jsonTitre {
	text-align: center;
}

.compte .jsonDesc {
	float: none;
}


.actualite_ .jsonImage img:hover {
	position: absolute;
	left: 0;
	transform: scale(3) translateX(-40%) translateY(15%);
	transition: 0.8s ease-in-out;
    z-index: 100;
}

/* parametres de boutons */
/* --------------------- */
.btn {
	background-color: #E43647;
	margin: 5px;
	padding: 5px;
	font-size: 10px;
	color: white;
	border-color: #616161;
}

.btn:hover {
	color: #E43647;
	background-color: white;
	border-color: #E43647;
}


/* adaptation pour petits ecrans */
@media screen and (min-width: 201px) and (max-width: 740px) {
	.container-fluid {
		padding: 4px;
	}

	.jsonData {
		padding: 0px;
	}

	#flash_info {
		padding-right: 0px;		
	}

	#flash_info_contact {
		margin-bottom: 20px;
	}

	.carousel_patrimoine_Slide {
		height: 200px;
		width: auto;
	}

	.presentation_ .jsonDesc {
		padding-left: 0px;
	}

	.jsonSousChapitre {
		padding-left: 10px;
	}

	.flash_info_ .jsonTitre {
		padding-right: 0px;
	}

	.elus_ {
		width: 100%;
		margin: auto;
	}

	.elus_ .jsonTitre {
		/*text-align: left;*/
		margin-top: 20px;
	}

	#localisation_ ,
	#localisation_ .jsonSousChapitreDetails,
	#localisation_ .jsonDesc {
		padding: 0;
		margin: 2px;
	}

	.vie_sociale_Logements_Sociaux,
	.vie_sociale_Ecoles_et_garderies,
	.vie_economique_Commerces,
	.vie_economique_Artisans,
	.vie_associative_ {
		max-width: 95%;
	}

	.vie_sociale_Logements_Sociaux img,
	.vie_sociale_Ecoles_et_garderies img,
	.vie_economique_Commerces img,
	.vie_economique_Artisans img,
	.vie_associative_ img {
		max-width: 70%;
		height: auto;
	}

	.compte,
	.compte .jsonImage,
	.compte .jsonSousChapitre,
	.compte .jsonSousChapitre .jsonSousChapitreDetails {
		padding: 0;
	}

	.compte .jsonChapitre div {
		font-size: 20px;
	}

	.compte .compteW50 {
		margin-right: 2px;
	}

	.compte .compteW50 div {
		background-color: white;
		font-size: 12px;
		opacity: 0.8;
	}

	.compte .jsonSousChapitre .jsonSousChapitreDetails .row {
		margin-bottom: 10px;
	}

	.compte .jsonTitre {
		font-size: 16px;
		font-weight: bold;
	}
	.compte .jsonDesc {
		font-size: 12px;
	}
	.compteW50,
	.compteW50 img {
		padding: 0;
	}


}

/* centered columns styles pour grands ecrans*/
@media screen and (min-width: 740px) {
	.row-centered {
	    text-align:center;
	}

	.col-centered {
	    display:inline-block;
	    float:none;
	    /* reset the text-align */
	    text-align:left;
	    /* inline-block space fix */
	    margin-right:-4px;
	}

	.rowCompteW50 div:first-child {
		z-index: 99;
	}

	.actualite_ .jsonImage img:hover {
		position: absolute;
		/*left: 0;*/
		transform: scale(3.5) translateX(-33%) translateY(20%);
		transition: 0.8s ease-in-out;
		z-index: 100;
	}

	.compte .compteW50 img:hover{
		transform: scale(2) translateX(25%);
		transition: 0.8s ease-in-out;
	}


	#waste_calendar_left:hover {
		position: absolute;
		left:0;
		transform: scale(1.1) translateX(10%) translateY(-25%);
		transition: 1.0s ease-in-out;
		z-index: 100;
	}

	#waste_calendar_right:hover {
		position: absolute;
		right:0;
		transform: scale(1.1) translateX(-10%) translateY(-25%);
		transition: 1.0s ease-in-out;
	}
}