/****************************************************************
GENERALITES PAGE ACCUEIL 2016 
****************************************************************/
body.front h1#page-title {
	display:none;
}

.row-accueil a{
	/* text-decoration:none;
	font-weight:bold; */
}

#block-views-blocs-en-une-acces-direct .view-blocs-en-une > .view-content {
    display : flex;
    justify-content : center;
    flex-wrap : wrap;
	gap : 20px;
	margin : 40px auto;
}
.row-accueil .voir-aussi { 
	margin-top: 15px;
	text-align: right;
	font-size: 14px;
	padding-right: 5px;
	color: #6d3e91; 
}	
.row-accueil .voir-aussi a{
	text-decoration:none; 
}	

.row-accueil a:hover {
	color:black;
}
.row-accueil .views-field-body {
	margin: 0;
	font-style: normal;
	font-weight: normal;
	color: #515151;
	font-size: 14px;
	text-decoration: none;
	line-height: 17px;
}
#page-accueil .block {
	/* border-right:1px solid #6d3e91;
	border-bottom:1px solid #6d3e91; */
}
#page-accueil .block .content {
	padding:4px;
}	

#page-accueil .block-title {
	/* border-bottom:1px solid #6d3e91; */
	color:#6d3e91;
	padding: 2px 6px;
	text-transform : uppercase;
}

.row-accueil{
	margin-bottom:20px;
}
.row-accueil:nth-child(odd) {
	padding:30px 10px;
}
.row-accueil:first-child {
	background:white;
	padding:0px;
}


/*********************************************************************************
WEB TV
*********************************************************************************/

.web-tv-princ > .view-content {
	padding-right:0px;
}
.vignette-webtv {
	/* padding-right: 23px; */
	cursor: pointer;
	margin-left: 14px;
}

#block-views-agenda-block-3 .view-id-agenda {
	max-height: 420px;
	overflow: auto;
}

.web-tv-vignettes table{
	margin:0px auto;
}

#block-views-web-tv-queue-block-2 .vignette-webtv {
	padding: 2px 5px;
}

#block-views-blocs-en-une-actualites2 {
	margin:20px auto;
}

/****************************************************************************
ACTUS (ANCIENNE VERSION)
****************************************************************************/
.row-accueil .views-field-field-vignette,.row-accueil .view-actus-en-une img{
	float:left;
}
.row-accueil .view-actus-en-une .views-row-odd, .row-accueil .view-actus-en-une   .views-row-even{
		min-height: 180px;
		/* border-bottom: 1px solid grey; */
		padding: 5px 0px;
}
.row-accueil .view-actus-en-une .resume-actu{
	margin-top:10px;
	visibility:hidden;
}



/***************************************************************************
SLIDER EQUIPEMENT 
***************************************************************************/
.row-accueil .views-slideshow-cycle-main-frame-row-item{
	text-align:center;
}

.row-accueil .slider-equipement-titre{
	font-size :20px;
	margin:10px 0px;
	line-height: 1em;
}

.row-accueil .slider-equipement-descriptif{
	margin: 20px 10px 0px 10px;
	padding: 5px 10px;
	/* background-color: #eee; */
	/* color: white; */
	line-height: 1.2em;
}

#block-views-blocs-en-une-equipements .content{
	padding-top:23px!important;
}

.footer-equipement{

}

#views_slideshow_controls_text_blocs_en_une-equipements{
	text-align:right;
}

#vscc_controls_blocs_en_une-equipements{
	text-align:center;
}
/**********************************************************************************
FLASH 
**********************************************************************************/
.row-accueil .flash-titre{
	font-weight:bold;
}
.row-accueil .flash-texte{
	font-weight: bold;
	line-height: 1.2;
	color: #6d3e91;
	font-size: 18px;
	text-align: left;
}	

.row-accueil .flash-texte p{
	margin:8px 0px;
	
}	
.row-accueil .flash-date{
	text-align:right;
	font-size: 13px;
	margin-bottom: 5px;
}	

#block-views-blocs-en-une-flash .block-title {
	background-color: #6d3e91;
    color: white;
	padding: 10px;
	border-radius: 10px;
	letter-spacing: 0.2em;
	margin-top: 6px;
}	

/****************************************************************
ACTUALITES V1 (images)
****************************************************************/
.row-accueil .acueil-titre-actu{
	font-size: 16px;
	margin-bottom: 5px;
	/* border-left: 7px solid #6d3e91; */
	padding-left: 5px;
	margin-top: 2px;
	font-weight:bold;
	text-align:center;
}

.row-accueil .accueil-texte-actu{
	display:none;
	padding: 3px 3px 3px 5px;
	border-left: 7px solid #6d3e91;
	margin-bottom: 5px;
}

.row-accueil .image-accueil-actualites img{
	height:140px;
	margin-top:5px;
}

.row-accueil .image-accueil-actualites img:hover{
	padding:4px;
	border:1px solid #6d3e91;
}


.view-display-id-actualites .view-content{
	text-align:center;
}
/****************************************************************
ACTUALITES V2 (textes)
****************************************************************/

.view-id-blocs_en_une.view-display-id-actualites2 .view-content {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	column-gap: 3%;
	transition:all 0.3s ease;
}
.view-id-blocs_en_une.view-display-id-actualites2 .view-content > div {
	flex : 1 0 33%;
	max-width:31%;
	margin-bottom:15px;
}
@media all and (max-width:700px) {
	.view-id-blocs_en_une.view-display-id-actualites2 .view-content {display:block;}
	.view-id-blocs_en_une.view-display-id-actualites2 .view-content > div { max-width:100%; }
}
.texte-en-ce-moment{
    margin-top: 10px;
    margin: 0;
    font-style: normal;
    font-weight: normal;
    color: #515151;
    text-decoration: none;
    line-height: 22px;
    letter-spacing: 0.2px;
	visibility:hidden;
}
.texte-en-ce-moment p {
    text-align: left;
    font-style: normal;
    font-weight: normal;
    color: #515151;
    text-decoration: none;
    line-height: 17px;
    letter-spacing: 0.2px;
}
.titre-en-ce-moment{
	font-size:20px;
	margin-bottom:8px;
}

.titre-en-ce-moment a {
    text-decoration: none;
    font-weight: bold;
	line-height:normal;
	
}
.block-texte-en-ce-moment {
    display: inline-block;
    flex:1;
}
.block-en-ce-moment {
	position: relative;
    margin-bottom: 10px;
    min-height: 159px;
	display:block;
	padding:10px 0px;
}
.image-en-ce-moment {

}


.image-en-ce-moment img{
  max-width:100%;
  border-radius: 15px 15px 0px 0px;
  margin-bottom:10px;
}

#block-views-blocs-en-une-actualites2 .content{
	overflow: initial!important;
}

.block-en-ce-moment .date {
font-size:14px;
font-style:italic;
margin-bottom:10px;
}
/*************************************************************************************
ACCES DIRECT
*************************************************************************************/
.titre-acces-direct{
	width: 100px;
	position: absolute;
	text-align: center;
	font-size: 14px;
}

.titre-acces-direct a, .acueil-titre-actu a{
	text-decoration:none;
	font-weight:bold;
}
.titre-acces-direct a{
    font-size: 12px;
}



 .view-display-id-acces_direct{
	margin-bottom:20px;
}
.view-display-id-acces_direct .img-acces-direct {
	transform:scale(1);
	transition:all 0.2s ease;
}
.view-display-id-acces_direct .img-acces-direct:hover {
	transform:scale(1.1);
}
.view-display-id-acces_direct .image-page-accueil img{
	border-radius: 15px;
	margin: 2px;
	padding: 0px;
	width: 94px;
	box-shadow: 0px 0px 15px -11px black;
}

.view-display-id-acces_direct .image-page-accueil img:hover{
	/* width: 92px; */
}

.view-display-id-acces_direct .img-acces-direct{
	height:130px;
}

/****************************************************************************************
MMMAG
****************************************************************************************/
.row-accueil .views-field-field-dossier-magazine{
	margin-top:8px;
	font-size:16px;
}

.block-agenda-split{
	height:420px;
}

.row-accueil .img-mmmag-une{
	display: inline-block;
}

.view-display-id-mmmag .view-content{
	text-align:center;
}

.row-accueil .img-mmmag-une img{
	-webkit-border-radius: 8%;
	-moz-border-radius: 8%;
	border-radius: 8%;
	margin: 13px 2px;
	padding: 3px;
	width: 93px;
}

.row-accueil .img-mmmag-dernier-une{
	width:100%;
	text-align: center;
}
.row-accueil .img-mmmag-dernier-une img{
	/* -webkit-border-radius: 5%;
	-moz-border-radius: 5%;
	border-radius: 5%; 
	margin:0px auto; */
	width: 210px;		
}	

#block-views-blocs-en-une-mmmag img:hover{
	padding:3px;
	border:1px solid #6d3e91;
}

.row-accueil .img-mmmag-dernier-une img:hover{
	width: 212px;
}

/****************************************************************
CARTE INTERRACTIVE
****************************************************************/
@media (min-device-width: 800px) and (min-width: 800px){
	#carte-img-commune {
		top: 130px;
	}
}

#carte-nom-commune {
	width: initial;
}

#carte-logo-commune {
	top: 65px;
	left:2px;
}

.img-carte {
	top: 171px;
}

.voir-aussi-carte{
		margin-top: 181px!important;
}

#select-commnune {
	/* margin-top: -100px; */
	position: absolute;
	right: 30px;
	top: 109px;
	font-size: 14px;
	width: 285px;
}
	
#carte-nom-commune, #carte-hab-commune, #carte-txt-commune, #carte-src-commune{
	left:20px;
}

#carte-nom-commune{
	font-size: 20px;
	top: 63px;
	font-weight: initial;
	line-height: 0.9em;
	color: #626262;
}

#carte-img-commune {
	position: absolute;
	top: 128px;
	right: 21px;
	left:initial;
	width:initial;
}

/******************************************************************************
Bloc sites satellites
*******************************************************************************/
#block-block-1000026 img{
	margin: 8px;
	max-width: 90px;
	max-height: 90px;
}

#block-block-1000026 .content p{
	text-align:center;
}

/******************************************************************************
Bloc démarches en ligne
*******************************************************************************/
#block-block-1000027 a{
	display: inline-block;
    padding: 2px 2px 2px 5px;
    text-decoration: none;
    /* text-transform: uppercase; */
    color: #6d3e91;
    border-left: 2px #6d3e91 solid;
    margin: 2px 0px;
}
#block-block-1000027 a:hover{
	color:grey;
	border-color:grey;
}
#block-block-1000027 p{
    text-align: center;
	margin: 6px;
}
/******************************************************************************
Agenda
*******************************************************************************/
.agenda_titre a{
	line-height:normal;
	margin-left: 0px;
}
.agenda_titre{
	line-height:normal;
	margin-left: 140px;
}
.agenda_lieu {
    margin-left: 140px;
}


.view-display-id-block_3 .views-row{
	min-height: 45px;
	position:relative;
}
#block-block-1000004 .view-display-id-block_3  img,
#block-views-agenda-block-3 .view-display-id-block_3  img{
	position: absolute;
    top: 5px;
    left: 84px;
    width: 44px;
	border-radius: 5px;
}
#block-block-1000004 .view-display-id-block_3 img:hover,
 #block-views-agenda-block-3 .view-display-id-block_3  img:hover{
	width: 103px;
    z-index: 100;
    top: -21px;
    left: 55px;
    border: 10px solid rgba(255,255,255,0.8);
    border-radius: 22px;
}

.view-display-id-block_3 .agenda_heure{
	border-right:none;
}

/* REPRISE POUR 1 JOUR */
.view-display-id-block_jour .views-row{
	min-height: 45px;
	position:relative;
}
.view-display-id-block_jour  img{
	position: absolute;
    top: 5px;
    left: 84px;
    width: 44px;
	border-radius: 5px;
}
.view-display-id-block_jour img:hover{
	width: 103px;
    z-index: 100;
    top: -21px;
    left: 55px;
    border: 10px solid rgba(255,255,255,0.8);
    border-radius: 22px;
}

.view-display-id-block_jour .agenda_heure{
	border-right:none;
}



.views-row-last{
	margin-bottom: 10px;
}
.block-agenda h3 {
    border-radius: 3px;
}
/******************************************************************************
A Modifier dans le css correspondant
*******************************************************************************/
.web-tv-princ > .view-content {
	border: solid grey 1px;
	/* padding-right: 3px; */
	width: 474px;
	max-width: 100%;
	margin: 0px auto;
	margin-bottom: 3px;
}
/****************************************************************
CONCERTATIONS 
****************************************************************/
.texte-enquetes{
    margin-top: 10px;
    margin: 0;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    letter-spacing: 0.2px;
	
}
.texte-enquetes p {
    text-align: left;
    font-style: normal;
    font-weight: normal;
    color: #515151;
    font-size: 14px;
    text-decoration: none;
    line-height: 17px;
    letter-spacing: 0.2px;
}
.titre-enquetes{
	margin-bottom:8px;
}

.titre-enquetes a {
    text-decoration: none;
    font-weight: bold;
    color: #6d3e91;
	line-height:normal;
	
}
.block-texte-enquetes {
    display: inline-block;
    width: 87%;
}
.block-enquetes {
	position: relative;
    margin-bottom: 10px;
    min-height: 105px;
    border-bottom: 2px solid #ddd;
}
.image-enquetes {
    display: inline-block;
    width: 12%;
}
.image-enquetes img{
    position:absolute;
	top:0px;
	max-width: 12%;
}