/*****************************/
/*** Core html setup stuff ***/
/*****************************/
/*
bleu :#10162f ---- rouge #86211f ---- gris :#d3d3d3 (17%)
gris1 :#f5f5f5 (4%) ---- gris2 : #f2f2f2 (5%) ---- gris3 : #ededed (7%) (page travaux) ---- gris4 :#e3e3e4 (11%)
*/
/* ################################################ */
/* ################ ################ */
/* ################ BRANDING ################ */
/* ################ ELEMENTS ################ */
/* ################ ################ */
/* ################################################ */
/* ----- SOUS-TITRE PAGE */
.sous-titre-page {
font-size: 1.6rem;
padding: 0;
margin: -5px 0 40px 0;
line-height: 2.2rem;
}
.sous-titre-agenda {
font-size: 1.6rem;
padding: 0;
margin: 5px 0 40px 0;
line-height: 1.8rem;
}
h1, h2, h3, h4, h5, h6 {text-align:left !important;}
/* ----- ROTATION */
a.rotation:hover img {transform: rotate(8deg) !important;}
/* ----- CARROUSEL DANS PAGE */
.nivoSlider {margin: 0 auto !important;}
.label{
background-color: #eee;
border-radius: 0;
text-transform: uppercase;
color: #000;
font-size: 0.8rem;
font-style: italic;
text-shadow: none;
letter-spacing: 0.5px;
}
/* ........................ LOGO PARTENAIRE */
.partenaires {margin-top:40px;}
.logo-part {
display:inline-block;
padding: 1%;
margin: 0 1% 1% 0;
}
.logo-part img {
height:70px !important;
}
.logo-part:hover {
background-color:#f5f5f5;
}
/* ----- SURVOL ROUGE */
.hoverbg-rouge {background-color: 0.33%;}
.hoverbg-rouge:hover {background-color:#86211f !important; color:#ffff !important;background-color: 100%;}
.hoverbg-rouge:hover span.pictoDL, .hoverbg-rouge:hover span.pictoGOTO,.hoverbg-rouge:hover span.pictoSEE {background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_telecharger_BLANC.png') !important;}
.off {opacity:0.35 !important;}
/* ****************************** MÉDIABOX */
.wf-mediabox {
z-index: 10000000000 !important;}
/* ****************************** DIAPOSITIVE */
#contenu_int.contenu .item-page .moduletable > h3, .cacher {
display :none !important;/**/
}
/* ****************************** MUR PHOTOS */
.mur-photos {
display:flex;
flex-flow: row wrap;
}
.mur-photos a {
display:block;
flex: 1 0 30%;
max-width: 30%;
margin:0.5%;
}
.mur-photos a img {
}
/* ****************************** GALERIE PHOTOS */
.galerie-photos {
}
.galerie-photos a {
display:block !important;
float:left !important;
margin:0.5% !important;
}
.galerie-photos a:hover {
opacity:0.75 !important;
}
.galerie-photos a img {
height: 150px !important;
margin: 0.5% !important;
}
/* ****************************** IMAGES DROPPICS */
/* ----- Galerie travaux 2026 */
.planning-travaux-2026 div div div a {
padding: 0 !important;
padding-bottom: 0 !important;
box-shadow: none !important;
-moz-box-shadow: none !important;
-webkit-box-shadow:none !important;
}
#droppicsgallery148.droppicsgallerypolaroid .img {
height: 300px !important;
}
/* *****************************/
/* ***************************** CONSEIL MUNICIPAL
/* *****************************/
#dates-cm {
text-align:center !important;
}
#dates-cm h5 {
font-size: 1rem !important;
color: #000000 !important;
text-transform: uppercase !important;
text-align: center;
background-color: #eee !important;
padding: 0.5% 1% !important;
margin: 1% 0.5% !important;
display:inline-block !important;
}
.tarteaucitronIconBottomRight {
left: 0 !important;
}
.marge, .zoomsur, .actu, .infos-pratiques {
margin: 30px 0;
padding: 5px 2% 20px;
}
.Colonne-Gauche {
width: 60%;
float: left;
}
/* *****************************/
/* ***************************** Élus
/* *****************************/
#Elus #maire .photo, #Elus #maire .description {display:inline-block;vertical-align:top;}
#Elus #maire .photo {width:170px;}
#Elus #maire .description {padding: 10px 2% 0 1%;}
#Elus h4 {margin-top:30px;}
.adj-cons {
/*display:inline-block !important;*/
vertical-align:top;
text-align: center;
display: inline-flex;
float: none;
padding: 0 1%;
margin: 0 0 20px 0;
width: 20%;
flex-wrap: wrap;
flex-direction: column;
}
.adj-cons .photo, .adj-cons .description {width:150px;}
.description h3 {text-align: center !important;}
/* ................... Typo */
h3.elu-statut {margin-bottom:20px;text-transform:uppercase;}
.description h3 {font-size : 1.1rem; line-height:1.3rem; margin-bottom:0px; padding-bottom:0px;}
.description .fonction {font-size : 0.9rem;line-height:1rem;}
.description .delegation {font-size : 0.75rem;line-height:1rem;}
#maire .description {font-size:1.2rem;}
#maire .description .fonction {font-size:1rem; margin-top:15px;}
.description .fonction.agglo, #maire .description .fonction.agglo {/*border-top: 2px dotted #10162f78;*/
border-top: 2px dotted #86211f33;
padding-top: 8px;
color:#10162f9e;
}
.camvs {color:#10162f9e;}
/* *****************************/
/* ***************************** Tribunes Politiques
/* *****************************/
#Elus h4 span, #Tribunes-Politiques h4 span {font-size:1rem !important;color:#000000a1 !important;}
/* ******************************/
/* ****************************** SEXYBRANDING */
/* ******************************/
.sexybranding h4#ui-id-4, .sexybranding h4 {
line-height: 1.8em;
}
.sexybranding h4#ui-id-4 strong, .sexybranding h4 strong {
font-weight: normal !important;
margin-right: 10px !important;
margin-left: 0px !important;
text-transform:uppercase !important;
line-height: 1em !important;
font-style:normal;
}
.sexybranding ul a, .sexybranding ul strong, .sexybranding strong em, .sexybranding em strong, .sexybranding p strong, .actu p strong, .zoom p strong {font-size: 1.2em !important;}
.sexybranding ul li {line-height:1.4em !important;}
.sexybranding div ul li a {text-decoration:none !important;}
.sexybranding p strong, .actu p strong, .zoom p strong {line-height: 1em !important; margin-right: 5px;}
/* ******************************/
/* ****************************** ZOOM SUR */
/* ******************************/
.zoomsur h2, .actu h2, .infos-pratiques h2 {
font-weight: bold;
margin-bottom: 10px !important;
text-transform: uppercase;
line-height: 1.6em !important;
}
/* ****************************** LIEN BLOC */
/* ****************************** ACTU */
.actu, .infos-pratiques {
position: relative;
text-align: left;
float: right;
width: 25%;
margin: 0 0 30px 2% !important;
word-wrap: break-word;
-webkit-hyphens: auto;
hyphens: auto;
z-index: 99;
}
.pleine-page {
float: none !important;
width: auto !important;
margin: 0 0 4% 0 !important;
}
.actu a {
font-size: 1.2em;
margin-right: 5px;
font-weight: bold !important;
text-decoration: none !important;
}
/* ****************************** INFOS PRATIQUES */
.infos-pratiques {
}
/* ******************************/
/* ****************************** NOMBRE COMPTEUR ANIMÉ */
/* ******************************/
.compteur {
justify-content:center;
background-color: #f92f01;
text-align: center;
border-radius: 15px;
width: 60%;
margin: 10px auto 20px;
padding:10px 5px;
font-size: 1.4rem;
hyphens: none;
-ms-hyphens : none;
color:#ffffff;
}
.num {
font-size: 3rem;
font-weight: bold;
color:#ffffff;
}
/* *****************************/
/* ****************************** MODE-TUILE */
/* *****************************/
/* ................... Conteneurs / items */
.mode-tuile {
clear:both;
}
/*.mode-tuile h4.ui-state-active {
border:none !important;
background:none !important;
}*/
.mode-tuile .ui-widget-content {
border: none !important;
border-left: 6px dotted #10162f !important;
padding: 10px 0 10px 2% !important;
margin: 0 0 0 1em !important;
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
gap: 2%;
align-items: stretch;
}
/*.container-flex {
display: flex;
flex-flow: row wrap;
justify-content: flex-start;
gap: 2%;
align-items: stretch;
}
.container-flex p {
flex: 1 0 30%;
}*/
.mode-tuile .ui-widget-content p {flex: 1 0 30%; max-width: 30%;}
.mode-tuile p a, .focus-poste p a {
font-size:0.8em;
text-align:left;
background-color: #f5f5f5;
display: block;
color:#000000;
width: 96%;
padding:3% 2%;
-webkit-hyphens: auto;
hyphens: auto;
text-decoration: none;
}
/* ................... Typo */
.mode-tuile p a em, .focus-poste p a em, .mode-tuile p a sup, .focus-poste p a sup {
font-size:1em;
font-style: normal;
text-transform:uppercase;
margin-right: 2%;
padding:0.25% 1.5% 0 1.5%;
line-height:2em;
font-weight:bold;
top: 0;
vertical-align: baseline;
}
.mode-tuile p a sup, .focus-poste p a sup { margin:0 1%;font-size:1.2em;}
.mode-tuile p a strong, .focus-poste p a strong {
font-size:1.4em;
text-transform:uppercase;
color:#10162f;
-webkit-hyphens: none;
hyphens: none;
}
.mode-tuile p a strong em, .focus-poste p a strong em {
line-height: 1.2em;
font-size: 1.1em;
font-style:italic;
background:none !important;
/*color:#000000;*/
text-transform: none;
padding:0;
font-weight:normal;
}
/* ................... CATÉGORIE */
.mode-tuile p a sup, .focus-poste p a sup {background: #71aee2; color:#ffffff;}
/* ...................... FILIÈRES */
.mode-tuile p a em, .focus-poste p a em {
background: #ffffff; color:#000000;
}
/* ...................... hover */
.mode-tuile p a:hover, .focus-poste p a:hover {
background-color: red;
color: #ffffff;
}
.mode-tuile p a:hover em, .focus-poste p a:hover em {
background-color:#ffffff;
color:red;
}
.mode-tuile p a:hover em sup, .focus-poste p a:hover em sup, .mode-tuile p a:hover sup, .focus-poste p a:hover sup {
color:#ffffff;
}
.mode-tuile p a:hover strong, .focus-poste p a:hover strong, .mode-tuile p a:hover strong em , .focus-poste p a:hover strong em {
color:#ffffff;
background:none;
}
/* ******************************/
/* ****************************** PAROLE */
/* ******************************/
.parole h2 {
display: inline-block !important;
color: #000000;
font-weight:bold;
line-height: 1em !important;
text-transform: uppercase !important;
background-color: #ededed;
padding: 0.25% 0.5% !important;
}
.parole h3 {
line-height: 1.2em !important;
font-size: 1.3em !important;
font-style:italic;
}
.parole div p {
margin: 0 !important;
text-align: left !important;
font-size: 1.2em !important;
font-style: italic !important;
}
/* ******************************/
/* ****************************** PAROLE DU MAIRE */
/* ******************************/
.parole.maire {
margin-top:20px;
}
.parole.maire h2, .parole.maire h3 {
/* color: #86211f !important;ROUGE */
color: #10162f !important;/* BLEU */
}
.parole.maire img {
float: right !important;
width: 40% !important;
margin: 0 0 2% 2% !important
}
.parole.maire h2 {
display: inline-block !important;
font-weight:bold;
font-size: 1.8em !important;
margin-bottom: 0 !important;
line-height: 0.8em !important;
text-transform: none !important;
background: none !important;
padding: 0 !important;
}
.parole.maire h3 {
font-size: 1.3em !important;
font-style:italic;
margin-bottom: 0 !important;
line-height: 1em !important;
}
.parole.maire div {
border-left-color: #10162f !important;
}
.parole.maire div p {
margin: 0 0 10px 0 !important;
text-align: left !important;
font-size: 1.2em !important;
font-style: italic !important;
}
/* ...................... MEDIA QUIERIES */
@media (max-width: 640px) {
.container-flex p {
flex: 1 0 48%;
}
.Colonne-Gauche {
width: 100%;
float: none;
}
.actu {
width: 90% !important;
float: none;
width: auto;
margin: 0 0 30px 0 !important;
}
}
@media (max-width: 480px) {
.container-flex p, .mode-tuile .ui-widget-content p {
flex: 1 0 100% !important; max-width: 100% !important;
}
}
@media (max-width: 375px) {
}
/* ********************************************************* */
/* ****************************************** FIN MODE-TUILE */
html {
/*background: -webkit-linear-gradient(left, #0c2a45 , #005982);*/ /* For Safari 5.1 to 6.0 */
/*background: -o-linear-gradient(right, #0c2a45 , #005982);*/ /* For Opera 11.1 to 12.0 */
/*background: -moz-linear-gradient(right, #0c2a45 , #005982);*/ /* For Firefox 3.6 to 15 */
/*background: linear-gradient(to right, #0c2a45 , #005982);*/ /* Standard syntax (must be last) */
/*background-color:#ffffff !important; new */
}
input.button { cursor: pointer; }
div.spacer {
clear:both;
}
body {
/*background-color:#f1f1f1 !important;*/
background-color:#ffffff !important;
}/* new */
p.readmore a {
font-style:normal;
}
.element-invisible {
display:none !important;
}
/*****************************************/
/*** Template specific layout elements ***/
/*****************************************/
/*****************************************/
/*** HEADER ***/
/*****************************************/
div#cadre_header, div#cadre_menu {
background: #10162f;/* new */
/*CSI*/
/*position:fixed;mettre en commentaire quand il y a message en entête*/
width:100%;
z-index:1000;
}
div#cadre_header {
/* background: -webkit-linear-gradient(left, #013755 , #5796b8); */ /* For Safari 5.1 to 6.0 */ /* old */
/* background: -o-linear-gradient(right, #013755 , #5796b8); */ /* For Opera 11.1 to 12.0 */ /* old */
/* background: -moz-linear-gradient(right, #013755 , #5796b8); */ /* For Firefox 3.6 to 15 */ /* old */
/* background: linear-gradient(to right, #013755 , #5796b8); */ /* Standard syntax (must be last) */ /* old */
/*CSI*/
top:0px;
height:110px;
z-index:1000;
}
div#cadre_menu {
/*CSI*/
top:110px;
/*height:70px;*/
height:110px;/* QUand il y a le message d'entête*/
}
div#accueil {
margin-top: 1%;/* new */
/*margin-top:4%;*/ /* old */
}
#logo-img {
width: 255px !important;
min-width: 255px !important;
cursor: pointer !important;
margin-left: 5px;
}
div#top {
float:right;
} /* new */
div#top div.search {
/*background:#86b3cc;*/ /* old */
padding:2%;
margin-top:4%;
}
div#top input#mod-search-searchword {
background:#3c7899;
border:none;
border-radius:0px;
box-shadow:none;
color:#FFFFFF;
width:50%;
}
div#top .btn-primary {
width: 30px;/* new */
height: 30px;/* new */
padding: 0;/* new */
float: right;/* new */
/*background:none; old */
border:none;
font-weight:bold;
text-shadow:none;
box-shadow:none;
text-indent: -500px;
overflow: hidden;
background:url("../../../images/site/pictos/melun-pictos.png") no-repeat 3px 0px;/* new */
background-size:375%;/* new */
border-radius:0 !important;
}
div#top .btn-primary:hover {
border-bottom: solid 1px #fff;
}/* new */
div#top div.custom {
text-align:right;
margin-top:4%; /* new */
/*margin-top:2%;*/ /* old */
}
div#top div.telech {
border:4px solid #86b3cc;
text-align:left;
padding:4px;
}
div#top div.telech a {
text-decoration:none;
color:#86b3cc;
}
/*****************************************/
/*** MENU ***/
/*****************************************/
/*div#cadre_menu {
background:#0d2842;
}*/
/*CSI MODIF*/
div#cadre_menu .container-fluid {
padding-right: 0px;
padding-left: 0px;
}
div#menu {
text-align:center;
}
div#menuprinc.maximenuckh li.fullwidth.level1 > div.floatck {
padding: 25px 10%;
/*margin-top: 18px;*/
/*CSI MODIF*/
margin-top: 12px;
}
div#menuprinc ul.maximenuck li.maximenuck.level1 {
color:#FFFFFF;
font-size:1.8em;
font-weight:normal;
width:14%;
/*padding-top:4%;*/
/*CSI MODIF*/
padding-top:0%;
margin-right:2%;
/*padding-bottom:1%;*/
padding-bottom:0%;
line-height:1em;
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item113 {
border-bottom:6px solid #fe7722;
}
div#menuprinc ul.maximenuck li.maximenuck.item113.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck113 {
background:#fe7722;
}
@media (min-width: 1024px) {
/*div#menuprinc ul.maximenuck li.maximenuck.item113.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck113 {
background:url("../../../images/site/menu/esprit_decouverte.png") no-repeat scroll top left #fe7722;
}*/ /* old */
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item173 {
border-bottom:6px solid #a1c900;
}
div#menuprinc ul.maximenuck li.maximenuck.item173.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck173 {
background:#a1c900;
}
@media (min-width: 1024px) {
/*div#menuprinc ul.maximenuck li.maximenuck.item173.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck173 {
background:url("../../../images/site/menu/melun_pratique.png") no-repeat scroll top left #a1c900;
}*/ /* old */
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item174 {
border-bottom:6px solid #ffd300;
}
div#menuprinc ul.maximenuck li.maximenuck.item174.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck174 {
background:#ffd300;
}
div#menuprinc ul.maximenuck li.maximenuck.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck {
background: #ffffff url(../../../images/site/pixel-pattern_black5_1for2.png) left 0px repeat !important;
}
@media (min-width: 1024px) {
/*div#menuprinc ul.maximenuck li.maximenuck.item174.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck174 {
background:url("../../../images/site/menu/projets_davenir.png") no-repeat scroll top left #ffd300;
}*/ /* old */
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item175 {
border-bottom:6px solid #00cbc9;
}
div#menuprinc ul.maximenuck li.maximenuck.item175.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck175 {
background:#00cbc9;
}
@media (min-width: 1024px) {
/*div#menuprinc ul.maximenuck li.maximenuck.item175.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck175 {
background:url("../../../images/site/menu/envie_de_sortir.png") no-repeat scroll top left #00cbc9;
}*/ /* old */
}
div#menuprinc ul.maximenuck li.maximenuck.level1 > span.separator {
padding-left: 9px;
padding-right: 9px !important;
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item176 {
border-bottom:6px solid #7c0bbd;
}
div#menuprinc ul.maximenuck li.maximenuck.item176.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck176 {
background:#7c0bbd;
}
@media (min-width: 1024px) {
/*div#menuprinc ul.maximenuck li.maximenuck.item176.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck176 {
background:url("../../../images/site/menu/partager_eduquer.png") no-repeat scroll top left #7c0bbd;
}*/ /* old */
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item177 {
border-bottom:6px solid #bf000e;
}
div#menuprinc ul.maximenuck li.maximenuck.item177.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck177 {
background:#bf000e;
}
@media (min-width: 1024px) {
/*div#menuprinc ul.maximenuck li.maximenuck.item177.level1 > div.floatck, div#menuprinc .maxipushdownck div.floatck.submenuck177 {
background:url("../../../images/site/menu/esprit_entreprendre.png") no-repeat scroll top left #bf000e;
}*/ /* old */
}
/*div#menuprinc ul.maximenuck li.maximenuck.level1.item113:hover {
background:url("../../../images/site/menu/fond_menu1.png") no-repeat top center transparent;
background-size:auto 38%;
}*/ /* old */
/*div#menuprinc ul.maximenuck li.maximenuck.level1.item173:hover {
background:url("../../../images/site/menu/fond_menu2.png") no-repeat top center transparent;
background-size:auto 38%;
}*/ /* old */
/*div#menuprinc ul.maximenuck li.maximenuck.level1.item174:hover {
background:url("../../../images/site/menu/fond_menu3.png") no-repeat top center transparent;
background-size:auto 38%;
}*/ /* old */
/*div#menuprinc ul.maximenuck li.maximenuck.level1.item175:hover {
background:url("../../../images/site/menu/fond_menu4.png") no-repeat top center transparent;
background-size:auto 38%;
}*/ /* old */
/*div#menuprinc ul.maximenuck li.maximenuck.level1.item176:hover {
background:url("../../../images/site/menu/fond_menu5.png") no-repeat top center transparent;
background-size:auto 38%;
}*/ /* old */
/*div#menuprinc ul.maximenuck li.maximenuck.level1.item177:hover {
background:url("../../../images/site/menu/fond_menu6.png") no-repeat top center transparent;
background-size:auto 38%;
}*/ /* old */
div#menuprinc ul.maximenuck li.level1.parent > a:after, div#menuprinc ul.maximenuck li.level1.parent > span.separator:after {
border:none;
}
div#menuprinc ul.maximenuck li.maximenuck.level1 > a, div#menuprinc ul.maximenuck li.maximenuck.level1 > span.separator {
white-space:normal;
}
div#menuprinc div.floatck {
margin-top:1%;
background:#FFFFFF;
color:#000000;
font-size:0.8em;
line-height:1em;
width:74%;
padding:2% 2% 2% 24%;
}
div#menuprinc div.floatck {
margin-top:1%;
background:#FFFFFF;
color:#000000;
font-size:0.8em;
line-height:1em;
width:96%;
padding:2% 2% 2% 2%;
}
div#menuprinc .maxidrop-main {
width:100% !important;
}
@media (min-width: 1024px) {
div#menuprinc div.floatck {
margin-top:1%;
background:#FFFFFF;
color:#000000;
font-size:0.8em;
line-height:1em;
/*
CSI MODIF
width:74%;
padding:2% 2% 2% 2%;*/ /* new */
/*padding:2% 2% 2% 24%;*/ /* old */
}
}
div#menuprinc div.floatck div.maxidrop-main{
/*background:#FFFFFF;*/ /* old */
}
div#menuprinc div.floatck a {
color:#000000;
font-size:1em;
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item113 > div.floatck {
border:2px solid #fe7722;
/*CSI MODIF margin-left:-3px;*/
border-color:#fe7722 !important;
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item173 > div.floatck {
border:2px solid #a1c900;
/*CSI MODIFmargin-left:-190px;*/
border-color:#a1c900 !important;
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item174 > div.floatck {
border:2px solid #ffd300;
/*CSI MODIFmargin-left:-377px;*/
border-color:#ffd300 !important;
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item175 > div.floatck {
border:2px solid #00cbc9;
/*CSI MODIFmargin-left: -565px;*/
border-color:#00cbc9 !important;
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item176 > div.floatck {
border:2px solid #7c0bbd;
/*CSI MODIFmargin-left: -752px;*/
border-color:#7c0bbd !important;
}
div#menuprinc ul.maximenuck li.maximenuck.level1.item177 > div.floatck {
border:2px solid #bf000e;
border-color:#bf000e !important;
}
div#menuprinc ul.maximenuck li.maximenuck.level1 > div.floatck{
border-top:6px !important;
border-right:0px !important;
border-bottom:0px !important;
border-left:0px !important;
border-style:solid !important;
}
/* CSI Modifs */
div#menuprinc.maximenuckh li.level2 {
font-weight:bold;
}
div#menuprinc.maximenuckh li.level2 a {
font-weight:bold;
}
div#menuprinc.maximenuckh li.level3 {
font-weight:normal;
}
div#menuprinc.maximenuckh li.level3 a {
font-weight:normal;
}
/*div#menuprinc.maximenuckh li.level2 > div.floatck::before {*/
div#menuprinc.maximenuckh li.level2 > a::after {
content: "";
background: #a1c900;
width: 50px;
height: 4px;
display: block;
position: relative;
left: -20px;
margin-top: 5px;
}
/*div#menuprinc.maximenuckh li.maximenuck.level1.item113 li.level2 > div.floatck::before {*/
div#menuprinc.maximenuckh li.maximenuck.level1.item113 li.level2 > a::after {
background: #fe7722;
}
/*div#menuprinc.maximenuckh li.maximenuck.level1.item173 li.level2 > div.floatck::before {*/
div#menuprinc.maximenuckh li.maximenuck.level1.item173 li.level2 > a::after {
background: #a1c900;
}
/*div#menuprinc.maximenuckh li.maximenuck.level1.item174 li.level2 > div.floatck::before {*/
div#menuprinc.maximenuckh li.maximenuck.level1.item174 li.level2 > a::after {
background: #ffd300;
}
/*div#menuprinc.maximenuckh li.maximenuck.level1.item175 li.level2 > div.floatck::before {*/
div#menuprinc.maximenuckh li.maximenuck.level1.item175 li.level2 > a::after {
background: #00cbc9;
}
/*div#menuprinc.maximenuckh li.maximenuck.level1.item176 li.level2 > div.floatck::before {*/
div#menuprinc.maximenuckh li.maximenuck.level1.item176 li.level2 > a::after {
background: #7c0bbd;
}
/*div#menuprinc.maximenuckh li.maximenuck.level1.item177 li.level2 > div.floatck::before {*/
div#menuprinc.maximenuckh li.maximenuck.level1.item177 li.level2 > a::after {
background: #bf000e;
}
div#menu .maxiFancybackground {
display:none;
}
.mobilemaximenuck {
background:#0d2842;
}
.mobilebarmenuck {
background:#0d2842;
}
.mobilebuttonmenuck {
background: url("../../../images/site/menu/icon_launch.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
}
.mobilemaximenuck .topbar{
background: url("../../../images/site/menu/fond_haut.jpg") left top repeat-x;
}
.mobilemaximenuck .mobilemaximenuckclose {
background: url("../../../images/site/menu/close.jpg") center center no-repeat;
}
.mobilemaximenuck div.maximenuck {
background: url("../../../images/site/menu/separateur.jpg") left bottom repeat-x;
}
.mobilemaximenuck div.current > a:after {
background: url("../../../images/site/menu/arrow_right.png") center center no-repeat;
}
.mobilemaximenuck div.level1.maximenuck > a {
background: url("../../../images/site/menu/arrow.jpg") left center no-repeat;
}
.mobilemaximenuck div.level2.maximenuck > a {
background: url("../../../images/site/menu/arrow2.jpg") left center no-repeat;
}
/*****************************************/
/*** CONTENU ***/
/*****************************************/
div#cadre_contenu {/* MODIFIÉ */
/*background:url("../../../images/site/divers/fond_contenu.jpg") no-repeat top center #0d2842;*/
/*background: -webkit-linear-gradient(#4a94b7 , #014b6e); */ /* For Safari 5.1 to 6.0 */
/*background: -o-linear-gradient(#4a94b7 , #014b6e); */ /* For Opera 11.1 to 12.0 */
/*background: -moz-linear-gradient(#4a94b7 , #014b6e); */ /* For Firefox 3.6 to 15 */
/*background: linear-gradient(#4a94b7 , #014b6e); */ /* Standard syntax */
padding-top:1%;
padding-bottom:1%;
/*CSI*/
/*margin-top:180px;mis avant */
margin-top:0px;/* Quand il y a le message ent^te */
}
/*.container1 {
background:url("../../../images/site/menu/fond_contenu1.png") repeat-x top left transparent;
background-size:auto 60px;
}
.container2 {
background:url("../../../images/site/menu/fond_contenu2.png") repeat-x top left transparent;
background-size:auto 60px;
}
.container3 {
background:url("../../../images/site/menu/fond_contenu3.png") repeat-x top left transparent;
background-size:auto 60px;
}
.container4 {
background:url("../../../images/site/menu/fond_contenu4.png") repeat-x top left transparent;
background-size:auto 60px;
}
.container5 {
background:url("../../../images/site/menu/fond_contenu5.png") repeat-x top left transparent;
background-size:auto 60px;
}
.container6 {
background:url("../../../images/site/menu/fond_contenu6.png") repeat-x top left transparent;
background-size:auto 60px;
}*/ /* old */
.container1 .couleur {
color:#fe7722;
}
.container2 .couleur {
color:#a1c900;
}
.container3 .couleur {
color:#ffd300;
}
.container4 .couleur {
color:#00cbc9;
}
.container5 .couleur {
color:#7c0bbd;
}
.container6 .couleur {
color:#bf000e;
}
div#ens_donnees {
position:relative;
width:109px;
height:301px;
}
div#info_trafic {
background:#cedee7;
float:left;
padding:8px;
margin-top:100px;
margin-left:20px;
-webkit-border-top-left-radius: 30px;
-moz-border-radius-topleft: 30px;
border-top-left-radius: 30px;
opacity: 0.6;
filter: alpha(opacity=60);
}
div#meteo {
position:absolute;
top:190px;
left:2px;
background:#FFFFFF;
padding:11px;
width:85px;
height:87px;
-webkit-border-top-left-radius: 30px;
-webkit-border-bottom-left-radius: 30px;
-moz-border-radius-topleft: 30px;
-moz-border-radius-bottomleft: 30px;
border-top-left-radius: 30px;
border-bottom-left-radius: 30px;
z-index:2;
overflow:hidden;
}
div#pictos {
background:#a2c6da;
padding:4px;
opacity: 0.6;
filter: alpha(opacity=60);
}
div#actus {
background:#FFFFFF;
/*padding:8px 10px 9px;*/ /* old */
/*margin-left:0px !important;*/
}
.unoslider_layers h4 {
color:#FFFFFF;
font-weight:bold;
font-size:1.2em;
}
.unoslider_layers h4 a {
color:#FFFFFF;
font-weight:bold;
text-decoration:none;
}
#unoslider94 h4 a {
color:#FFFFFF;
}
.unoslider_layers a {
text-decoration:none;
}
div#social {
margin-top:10px;
}
div#agenda {
border-top: 2px solid #f2f2f2;/* new */
background:#FFFFFF;
margin-top:10px;
/*margin-left:66px !important;*/
}
div#agenda .col4 {
float:left;
width:25%;
}
div#agenda h2 {
color:#10162f; /* new */
/*color:#ff7d4f;*/ /* old */
font-weight:bold;
font-size:1.8em;
padding-left:1%;
}
div#agenda h2 span.lien_agenda {
color:#86211f; /* new */
/*color:#000000;*/ /* old */
font-weight:normal;
font-size:0.6em;
}
div#agenda h2 a {
color:#86211f; /* new */
/*color:#000000;*/ /* old */
font-weight:normal;
text-decoration:none;
}
div#projets {
border-top: 2px solid #f2f2f2; /* new #f2f2f2 #d8d8d8*/
background:#FFFFFF;
margin-top:1%;
/*margin-left:66px !important;*/
}
div#projets h3 {
padding:0;
line-height:normal;
min-height: 50px;/* new */
}
.newsflash-melun {
clear: both;
padding: 0px;
margin: 0px;
}
.newsflash-melun:before,
.newsflash-melun:after {
content: "";
display: table;
}
.newsflash-melun:after {
clear: both;
}
.newsflash-item {
float:left;
width: 23%;
min-height: 255px;/* new */
/*width: 24.81%;*/ /* old */
margin: 0.15% 1% 2% 1%;/* new */
/*margin: 0.15% 0 0.1% 0.25%;*/ /* old */
}
.newsflash-item:nth-child(5) {
/*margin-left: 0;*/ /* old */
}
.newsflash-item_int {
/*margin: auto 3px;*/ /* old */
margin-top:auto; /* new */
margin-bottom:auto; /* new */
}
/* GO 3 COLS IF 4 SELECTED AT LESS THAN 767 PX AND MORE 481 PX */
@media (min-width: 481px) and (max-width: 767px) {
.newsflash-item {
width: 48%;/* new */
/*width: 33.16%;*/ /* old */
}
.newsflash-item:nth-child(5) {
/*margin-left: 0.25%;*/ /* old */
}
.newsflash-item:nth-child(4) {
/*margin-left: 0;*/ /* old */
}
.djslider-default .navigation-container img {
width: 10% !important;
margin: 0 1%;
}
}
/* GO FULL WIDTH AT LESS THAN 480 PIXELS */
@media only screen and (max-width: 480px) {
.newsflash-item {
width: 48%;
}
}
div#projets h2 {
color:#10162f; /* new */
/*color:#00a8d5;*/ /* old */
font-weight:bold;
font-size:1.8em;
padding-left:1%;
}
div#projets h2 span.lien_projets {
color:#86211f; /* new */
/*color:#000000;*/ /* old */
font-weight:normal;
font-size:0.6em;
}
div#projets h2 a {
color:#86211f; /* new */
/*color:#000000;*/ /* old */
font-weight:normal;
text-decoration:none;
}
div#profil {
background:#00a8d5;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin-top:4%;
}
div#profil h2 {
color:#10162f; /* new */
/*color:#000000;*/ /* old */
font-size:2em;
font-weight:bold;
}
div#profil a {
color:#86211f; /* new */
/*color:#000000;*/ /* old */
text-decoration:none;
}
div#profil div {
padding:8px;
}
div#habitant {
background:#FFFFFF;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin-top:4%;
}
div#habitant h2 {
color:#10162f; /* new */
/*color:#00a8d5;*/ /* old */
font-size:2em;
font-weight:bold;
}
div#habitant a {
color:#86211f; /* new */
/*color:#da3220;*/ /* old */
text-decoration:none;
}
div#habitant div {
padding:8px;
}
div#ens_modules {
border-top: 2px solid #f2f2f2; /* new #f2f2f2 #d8d8d8*/
/*margin-left:66px !important;*/
margin-top:1%;
}
div#ens_modules div#tabs .ui-tabs-nav {
padding: 0;
border-radius:0px;
background:none;
border:none;
padding-left: 1%;/* new */
}
div#ens_modules div#tabs .ui-tabs-panel {
background: #FFFFFF;
border-radius:0;
}
div#ens_modules div#tabs h2 {
color:#ff7d00;
margin:0;
padding:0;
font-size:1.8em;
font-weight:normal;
}
div#ens_modules div#tabs h3 {
color:#000000;
margin:0;
padding:0;
font-size:0.9em;
}
div#ens_modules div#tabs {
background:none;
border:none;
color:#000000;
font-size:0.9em;
}
div#ens_modules div#tabs .ui-tabs-panel {
padding:1.4em 1em;/* new */
/*padding:1.4em 1.4em;/* old */
min-height:200px;
}
div#ens_modules div#tabs li {
color:#000000;
border:none;
}
div#ens_modules div#tabs li.ui-state-default {
background:#e0e0e0;
}
div#ens_modules div#tabs li.ui-state-hover {
background:#e0e0e0;
}
div#ens_modules div#tabs li.ui-state-active {
background:#FFFFFF !important;
}
div#ens_modules div#tabs li a {
color:#000000;
font-style:normal;
font-style:normal;
font-weight:bold;
text-transform:capitalize;
font-size:1.4em;
}
div#ens_modules div#tabs li a#ui-id-1 {
color: #10162f;
font-weight: bold;
font-size: 1.8em;
padding-left: 1%;
/*color:#00a8a6;*/ /* old */
}
div#ens_modules div#tabs li a#ui-id-2 {
color:#da3220;
}
div#ens_modules div#tabs li a#ui-id-3 {
color:#00729c;
}
div#ens_modules div#tabs li a.ui-tabs-anchor {
padding: 0.5em 0.7em;
}
div#newsletter {
background:#fe7722;
-webkit-border-radius: 30px;
-moz-border-radius: 30px;
border-radius: 30px;
margin-top:4%;
color:#FFFFFF;
}
div#newsletter h3 {
margin:0;
padding:0;
color:#FFFFFF;
font-weight:bold;
font-size:1.8em;
}
div#newsletter h3 span.bleu {
color:#0d2842;
}
div#newsletter p {
display:inline-block;
}
div#newsletter input.button {
background:#0d2842;
}
div#newsletter div.acymailing_module {
padding:8px !important;
}
div#menu_gauche {
/*background:#FFFFFF;*/ /* old */
background: #ffffff url(../../../images/site/pixel-pattern_black5_1for2.png) left 0px repeat !important; /* new */
color:#000000;
}
div#menu_gauche a {
color:#000000;
text-decoration:none;
}
div#menu_gauche ul {
margin:0;
padding:0;
}
div#menu_gauche li {
list-style:none;
list-style-image:none;
list-style-position:outside;
}
div#menu_gauche ul.menu li {
display:none;
}
div#menu_gauche ul.menu li.active {
display:block;
}
div#menu_gauche ul.menu li.active li {
display:block;
}
div#menu_gauche li a:hover {
background:none;
}
div#menu_gauche ul li.parent {
color:#FFFFFF;
font-size:1.6em;
}
div#menu_gauche ul li li.parent {
font-size:0.7em;
font-weight:bold;
}
div#menu_gauche ul li li.parent a {
font-weight:bold;
}
div#menu_gauche ul li li.parent li {
font-size:1em;
}
div#menu_gauche ul li li.parent li a {
font-weight:normal !important;
}
div#menu_gauche ul li span.separator {
padding-top:2%;
padding-bottom:2%;
padding-left:6%;
display:block;
}/* new */
div#menu_gauche ul li.item-113 span.separator {
color:#fe7722;/* new */
/*background:url("../../../images/site/menu/fond_menuint1.png") no-repeat top center transparent;
background-size:auto 100%;
padding-top:2%;
padding-bottom:2%;
padding-left:6%;
display:block;*/ /* old */
}
div#menu_gauche ul li.item-173 span.separator {
color:#a1c900;/* new */
/*background:url("../../../images/site/menu/fond_menuint2.png") no-repeat top center transparent;
background-size:auto 100%;
padding-top:2%;
padding-bottom:12%;
padding-left:10%;
display:block;*/ /* old */
}
div#menu_gauche ul li.item-174 span.separator {
color:#ffd300;/* new */
/*background:url("../../../images/site/menu/fond_menuint3.png") no-repeat top center transparent;
background-size:auto 100%;
padding-top:2%;
padding-bottom:12%;
padding-left:10%;
display:block;*/ /* old */
}
div#menu_gauche ul li.item-175 span.separator {
color:#00cbc9;/* new */
/*background:url("../../../images/site/menu/fond_menuint4.png") no-repeat top center transparent;
background-size:auto 100%;
padding-top:2%;
padding-bottom:12%;
padding-left:10%;
display:block;*/ /* old */
}
div#menu_gauche ul li.item-176 span.separator {
color:#7c0bbd;/* new */
/*background:url("../../../images/site/menu/fond_menuint5.png") no-repeat top center transparent;
background-size:auto 100%;
padding-top:2%;
padding-bottom:12%;
padding-left:10%;
display:block;*/ /* old */
}
div#menu_gauche ul li.item-177 span.separator {
color:#bf000e;/* new */
/*background:url("../../../images/site/menu/fond_menuint6.png") no-repeat top center transparent;
background-size:auto 100%;
padding-top:2%;
padding-bottom:12%;
padding-left:10%;
display:block;*/ /* old */
}
div#menu_gauche ul ul {
margin-top:2%;
margin-bottom:4%;
}
div#menu_gauche ul li li {
background:none;
padding-top:0;
padding-bottom:0;
color:#000000;
font-size:0.7em;
padding-left:6%;
}
div#menu_gauche ul li.item-113 li:hover {
color:#fe7722;
}
div#menu_gauche ul li.item-113 li:hover a {
color:#fe7722;
}
div#menu_gauche ul li.item-173 li:hover {
color:#a1c900;
}
div#menu_gauche ul li.item-173 li:hover a {
color:#a1c900;
}
div#menu_gauche ul li.item-174 li:hover {
color:#ffd300;
}
div#menu_gauche ul li.item-174 li:hover a {
color:#ffd300;
}
div#menu_gauche ul li.item-175 li:hover {
color:#00cbc9;
}
div#menu_gauche ul li.item-175 li:hover a {
color:#00cbc9;
}
div#menu_gauche ul li.item-176 li:hover {
color:#7c0bbd;
}
div#menu_gauche ul li.item-176 li:hover a {
color:#7c0bbd;
}
div#menu_gauche ul li.item-177 li:hover {
color:#bf000e;
}
div#menu_gauche ul li.item-177 li:hover a {
color:#bf000e;
}
div#menu_gauche ul.menu li ul li img {
display:none;
}
div#cadre_contenu_int {
background:#FFFFFF;
/*padding-top:2%;*/ /* old */
}
div#contenu_int {
background:#FFFFFF;
padding:10px;
text-align:justify;
}
div#contenu_int .page-header {
border-bottom: none;
margin-top:0px;
margin-bottom:0px;
}
div.span4 div a div.page-header {
background: #ffffff url(../../../images/site/pixel-stripes_white-blackbg15_3x3.png) left 0px repeat !important;
}
div#contenu_int .page-header h1, div#contenu_int .item-page .page-header h2, .ic-event-header h1, div#cadre_contenu_int .ic-list-view h1 {
font-weight:bold !important;
font-size:2.4em !important; /* old */
/*font-size:1.8em;*/ /* old */
color:#10162f !important;
}
.contenu1 .page-header h1 {
color:#fe7722;
}
.contenu2 .page-header h1 {
color:#a1c900;
}
.contenu3 .page-header h1 {
color:#ffd300;
}
.contenu4 .page-header h1 {
color:#00cbc9;
}
.contenu5 .page-header h1 {
color:#7c0bbd;
}
.contenu6 .page-header h1 {
color:#bf000e;
}
.cwidth75 {
width:73%;
}
div.blog div.item {
position:relative;
float:left;
width:100%;
}
div.blog div.item div.item-image {
width:100%;
height:50%;
overflow:hidden;
}
div.blog div.item div.page-header {
position:absolute;
background:#FFFFFF;
top:10px;
left:0px;
margin:0;
padding:4px 10px;
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
}
div.blog div.item div.page-header h2 {
font-size:1em;
margin:0;
padding:0;
line-height:normal;
}
div#cadre_image {
width:100%;
/*height:300px;*/
display:block;
overflow:hidden;
}
div#cadre_image div {
}
div#breadcrumb {
color:#044d72;
font-style:italic;
}
div#breadcrumb a,div#breadcrumb a:link,div#breadcrumb a:hover,div#breadcrumb a:visited {
color:#044d72;
text-decoration:none;
}
div#breadcrumb ul.breadcrumb {
background:none;
border-radius:0px;
padding-left:0px;
margin-bottom:4px;
}
.breadcrumb > li > .icon-location {
padding:0 !important;
display:none;
}
div#module_article {
background:#FFFFFF;
margin-left:10px !important;
color:#000000;/* new */
/*color:#044d72;*/ /* old */
}
.fond {background-image: url(../../../images/site/pixel-stripes_white75_3x3) !important;
background-position:left 0px !important;
background-repeat:repeat !important;
}/* new */
.fond a {
color:#000000;
}
.container1 div#module_article {
border-top:40px solid #fe7722;
}
.container1 .fond {
background-image: url(../../../images/site/pixel-stripes_white25_3x3) !important;
background-color:#fe7722 !important;/* new */
/*background:#f69f68;*/ /* old */
}
.container2 div#module_article {
border-top:40px solid #a1c900;
}
.container2 .fond {
background-color:#a1c900 !important;/* new */
/*background:#d9f46a;*/ /* old */
}
.container3 div#module_article {
border-top:40px solid #ffd300;
}
.container3 .fond {
background-color:#ffd300 !important;/* new */
/*background:#fee87f !important;*/ /* old */
}
.container4 div#module_article {
border-top:40px solid #00cbc9;
}
.container4 .fond {
background-color:#00cbc9 !important;/* new */
/*background:#98d9d8;*/ /* old */
}
.container5 div#module_article {
border-top:40px solid #7c0bbd;
}
.container5 .fond {
background-image: url(../../../images/site/pixel-stripes_white25_3x3) !important;
background-color:#7c0bbd !important;/* new */
/*background:#ca82f3;*/ /* old */
color:#FFFFFF;
}
.container6 div#module_article {
border-top:40px solid #bf000e;
}
.container6 .fond {
background-image: url(../../../images/site/pixel-stripes_white25_3x3) !important;
background-color:#bf000e !important;/* new */
/*background:#c14952;*/ /* old */
color:#FFFFFF;
}
.container1 .fond a:hover, .container2 .fond a:hover, .container3 .fond a:hover, .container4 .fond a:hover{
color:#ffffff !important;
}
.container5 .fond h3, .container5 .fond h4, .container5 .fond p, .container5 .fond a,
.container6 .fond h3, .container6 .fond h4, .container6 .fond p, .container6 .fond a {
color:#FFFFFF !important;
}
.container5 .fond a:hover, .container6 .fond a:hover{
color:#e3e3e4 !important;
}
div#module_article {
border-top:none !important;/* new */
}
div#module_article div {
padding-left:5px;
padding-right:5px;
}
div#module_article div.image {
padding-left:0px;
padding-right:0px;
}
div.article-accordeon h4 {
color:#044d72;
font-size:1.05em;
margin:0;
padding:6px 0 6px 0px;
font-weight:bold;
text-decoration:none;
}
div.article-accordeon h5 {
color:#000000;
font-size:1em;
margin:0;
padding:6px 0 3px 0;
font-weight:bold;
}
div.ic-event-view h4 {
color:#044d72;
font-size:1.05em;
margin:0;
padding:6px 0 6px 0px;
font-weight:bold;
text-decoration:none;
}
div.items-row {
margin-bottom:10px;
}
.gris {
background:#CCCCCC;
}
div.item-page h2 {
/*text-transform:uppercase;*/
}
div#recherche_interne {
padding: 10px;
}
/*****************************************/
/*** AGENDA ***/
/*****************************************/
.ic-info {
background:none;
float:left;
width:100%;
}
div.ic_info_col1 {
width:72%;
float:left;
}
div.ic_info_col2 {
background:#00a8d5;
width:24%;
padding:1%;
float:right;
}
div.ic_info_col2 .ic-divCell {
padding: 1px 2px 10px 2px;
width:96%;
}
div.ic_info_col2 a {
color:#FFFFFF;
}
div.ic_info_col2 .ic-divCell span {
white-space:normal;
display:block;
}
div.ic_info_col2 .ic-divCell span a {
white-space:normal;
display:block;
}
.ic-info-en_vedette {
display:none;
}
/*****************************************/
/*** COMMERCES ***/
/*****************************************/
.business-melun .items div.teaser-item {
background:#edebeb;
border:1px solid #CCCCCC;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
margin-left:1%;
margin-right:1%;
min-height:140px;
padding:8px !important;
}
#yoo-zoo .items h2.pos-title {
font-weight:bold !important;
}
#yoo-zoo .items h2.pos-title a {
font-weight:bold;
}
.yoo-zoo h3 {
color:#000000;
font-weight:bold;
}
.autres_infos {
float:left;
}
/*****************************************/
/*** TWEETER ***/
/*****************************************/
.cbflextweetdisplaycontainerclean {
background:url("../images/fond_tweeter.png") repeat top left transparent;
border: none;
}
/*****************************************/
/*** PIED DE PAGE ***/
/*****************************************/
/*div#cadre_click {
background:#0d2842;
}*/ /* old */
div#modules_click {
margin-top:5px;
margin-bottom:20px;
}
div#cadre_footer {
background-color:#092341; /* new */
/*background: -webkit-linear-gradient(left, #0a3553 , #005b85);*/ /* For Safari 5.1 to 6.0 */ /* old */
/*background: -o-linear-gradient(right, #0a3553 , #005b85);*/ /* For Opera 11.1 to 12.0 */ /* old */
/*background: -moz-linear-gradient(right, #0a3553 , #005b85);*/ /* For Firefox 3.6 to 15 */ /* old */
/*background: linear-gradient(to right, #0a3553 , #005b85);*/ /* Standard syntax (must be last) */ /* old */
padding-top:2%;
padding-bottom:2%;
}
div#cadre_footer a {
color: #fff;
text-decoration:none !important;
}
div#coordonnees, div#coordonnees h2, div#menu_footer, div#menu_footer a {color:#fff;} /* new */
div#coordonnees {
/*color:#9eb5c8;*/ /* old */
}
div#coordonnees h2 {
/*color:#9eb5c8;*/ /* old */
margin:0;
padding:0;
}
div#menu_footer {
text-align:left;/* new */
padding-left: 1%;/* new */
/*color:#508099;*/ /* old */
/*text-align:right;*/ /* old */
}
div#menu_footer a {
/*color:#508099;*/ /* old */
text-decoration:none;
}
div#menu_footer ul {
margin:0;
padding:0;
}
div#menu_footer li {
margin-bottom:5px;
list-style:none;
list-style-image:none;
list-style-position:outside;
}
div#menu_footer li a:before {
content:"> ";
}
div#menu_footer li a:hover {
background:none;
text-decoration:underline !important;
}
.dropdown-menu {
display:block !important;
}
/*****************************************/
/*** FLASH INFO ***/
/*****************************************/
.container_flash {
background: #86211F;
font-size: 1.4em;
margin: -1% 0 0 0;
color: #fff;
padding: 0;
/*background:#FFFFFF;
font-size:18px;
margin-bottom:10px;*/ /* old */
}
.titre_info {
float: left;
font-style: italic;/* new */
margin: 8px 0;/* new */
float:left;
color: #fff;/* new */
/*color:#fe7722;*/ /* old */
/*font-weight:bold;*/ /* old */
font-size: 1em;/* new */
/*font-size:20px;*/ /* old */
}
.defileParent {
display: block;
margin: 4px auto;
overflow: hidden;
position: relative;
table-layout: fixed;
width: 1000px;
font-weight:bold;
}
.defile {
display:block;
-webkit-animation:linear marqueelike 25s infinite ;
-moz-animation:linear marqueelike 25s infinite ;
-o-animation:linear marqueelike 25s infinite ;
-ms-animation:linear marqueelike 25s infinite ;
animation:linear marqueelike 25s infinite ;
margin-left:-120%;
padding:0 5px;
text-align:left;
height:22px;
}
.defile:after {
content:attr(data-text);
position:absolute;
white-space:nowrap;
padding-left:10px;
}
@-webkit-keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}
@-moz-keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}
@-o-keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}
@-ms-keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}
@keyframes marqueelike {
0%, 100% {margin-left:0;}
99.99% {margin-left:-100%;}
}
@media only screen and (max-width: 860px) {
.defileParent {
display: block;
margin: 6px auto;
overflow: hidden;
position: relative;
table-layout: fixed;
width: 100%;
}
.defile {
display:block;
-webkit-animation:linear marqueelike 20s infinite ;
-moz-animation:linear marqueelike 20s infinite ;
-o-animation:linear marqueelike 20s infinite ;
-ms-animation:linear marqueelike 20s infinite ;
animation:linear marqueelike 20s infinite ;
margin-left:-100%;
padding:0 5px;
text-align:left;
height:22px;
}
.container_flash {padding: 0 0 0 2%;}/* new */
.titre_info {margin: 8px 0 0 0;}/* new */
}
/*****************************************/
/*** ACTUALITES ***/
/*****************************************/
.lof-ass .lof-css3, .lof-ass .lof-css3 .preload {
box-shadow: none;
}
.lof-ass .lof-description h4 a:hover {
color:#FFFFFF;
}
.lof-ass .lof-css3 .lof-description {
/* box-shadow: 0 0 2px #394b59;*/ /* old */
}
.lof-ass .lof-description {
/* #10162f background: rgba(0, 0, 0, 0) url("../images/transparent_actu.png") repeat scroll 0 0;*/ /* old */
background: url(../../../images/site/pixel-stripes_blue-bg50_3x3.png) repeat scroll 0 0;
}
div#actu .lof-ass h4 {
color: #ffffff;
font-weight: normal;
}
.lof-ass .blue .lof-navigator li.active div {
}
.lof-ass h4 {
font-size:1.4em;
}
.lof-ass .lof-description {
max-width:95%;
}
/*****************************************/
/*** MA RESIDENCE ***/
/*****************************************/
#social .custom {
margin-top:20px;
}
/*****************************************/
/*** XMAP ***/
/*****************************************/
#cadre_alert_cookies {
position:absolute;
top:0;
left:0;
width:100%;
z-index:500000;
}
.slide-desc-bg-default {
background:none;
display:none;
}
.slide-desc-text-default {
color:#000000;
}
.slide-desc-text-default .slide-title {
color:#000000;
font-size: 1em;
font-weight:bold;
text-align:center;
margin-bottom: 0px;
}
.slide-desc-text-default .slide-title a {
color:#000000;
text-decoration:none;
font-weight:bold;
}
#slider247 li {
}
img.dj-image:hover {
}
#slider247 li a {
display:block;
position:relative;
text-decoration:none;
}
.ontheweb-block__text {
-webkit-transition: all 250ms ease-in-out 0ms;
transition: all 250ms ease-in-out 0ms;
-webkit-box-align: center;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
background: url(../../../images/site/pixel-stripes_red-bg75_3x3.png) repeat scroll 0 0;
/*background-color: #85171a; new */
color: #ffffff; /* new */
/*background-color: #f24e4c;
color: #000;*/ /* old */
bottom: 0;
display: -webkit-box;
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
font-style: italic;
height: 100%;
left: 0;
opacity: 0;
padding: .5rem 1rem;
position: absolute;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
visibility: hidden;
width: 90%;
z-index: 2;
}
.ontheweb-block__link:focus .ontheweb-block__text, .ontheweb-block__link:hover .ontheweb-block__text {
opacity: 1;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
visibility: visible;
}
.ontheweb-block__text span {
width: 100%;
word-break: break-all;
}
.ontheweb-block__text {
font-family: "Raleway",sans-serif;
font-size: 0.9rem;
font-weight: 700;
text-align: center;
}
.ontheweb-block__link .arrow {
position: absolute;
width: 100%;
height: 1.3rem;
overflow: hidden;
-webkit-transform: translateY(-99%);
-ms-transform: translateY(-99%);
transform: translateY(-99%);
z-index: 2;
margin-top: 10px;
padding-bottom: 10px;
/*padding-bottom: 8px;*/ /* old */
}
.ontheweb-block__link .arrow::after, .ontheweb-block__link .arrow::before {
background-color: #fff;
/*border-top: 3px solid #046380;*/ /* old */
content: '';
height: 1.3rem;
position: absolute;
width: 50%;
}
.ontheweb-block__link .arrow::before {
right: 50%;
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: skewX(45deg);
-ms-transform: skewX(45deg);
transform: skewX(45deg);
}
.ontheweb-block__link .arrow::after {
left: 50%;
-webkit-transform-origin: 0 100%;
-ms-transform-origin: 0 100%;
transform-origin: 0 100%;
-webkit-transform: skewX(-45deg);
-ms-transform: skewX(-45deg);
transform: skewX(-45deg);
}
.djslider-default .slide-desc {
position: absolute;
bottom: -30% !important;
}
.slide-desc-text-default {
padding: 0px 15px 5px;
}
/* ++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++ */
/* +++++++++ STYLE MELUN ++++++++++ */
/* ++++++++++++++++++++++++++++++++ */
div#top div.search, div#top div.custom {
float:right !important;
}
*input {
border-radius:none !important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++ BRANDING PERSONNALISÉ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ****************************************** TYPO */
.capital {
text-transform:uppercase;
}
.gras{
font-weight:bold !important;
}
.intro {
text-align: left !important;
font-size: 1.4em !important;
margin: 10px 0 20px !important;
font-weight: bold !important;
font-style: italic !important;
}
.intro a {
font-weight: bold !important;
}
.accroche {
color: #10162f;
font-size: 1.8em !important;
line-height:1.2em !important;
margin: 4% 0 !important;
font-weight: normal !important;
text-align: center !important;
font-style: italic !important;
}
.nb {
font-size: 0.8em !important;
}
.typo-bleu {color:#10162f !important;}
.typo-rouge {color:#86211f !important;}
.typo-blanc {color:#ffffff !important;}
.typo-gris {color:#d3d3d3 !important;}
.capital {
text-transform:uppercase;
}
.texte-bleu {color:#10162f !important;}
.texte-rouge {color:#86211f !important;}
.texte-blanc {color:#ffffff !important;}
.liste-horiz a { margin-right:2% !important;}
/* ************************************ SURLIGNAGE */
.surlignage-bleu {
background-color:#10162f;
}
.surlignage-rouge {
background-color:#86211f;
}
.surlignage-noir {
background-color:#000000;
}
.surlignage-blanc {
background-color:#ffffff;
}
.surlignage-gris1 {
background-color:#f5f5f5;
}
.surlignage-gris2 {
background-color:#f2f2f2;
}
.surlignage-gris3, .sexybranding h4#ui-id-4 strong, .sexybranding h4 strong {
background-color:#ededed;
}
.surlignage-gris4 {
background-color:#e3e3e4;
}
.surlignage-bleu, .surlignage-rouge, .surlignage-noir, .surlignage-gris1, .surlignage-gris2, .surlignage-gris3, .surlignage-gris4, .sexybranding h4#ui-id-4 strong, .sexybranding h4 strong {
padding: 0.25% 0.5%;
margin: 0 0.5% 1% 0.5%;
}
.surlignage-bleu, .surlignage-rouge, .surlignage-noir, .sexybranding h4#ui-id-4 strong, .sexybranding h4 strong {color:#ffffff !important;}
/* ****************************************** BOUTONS LIENS BG */
a.lien-bg {
color:#000000;
font-size:1rem;
/*font-size:0.8rem;*/
text-transform:uppercase;
text-decoration:none !important;
}
a.lien-bg span {
padding: 0.1% 0.5%;
}
a:hover .surlignage-gris1, a:hover .surlignage-gris2, a:hover .surlignage-gris3, a:hover .surlignage-gris4, a:hover .surlignage-noir, a:hover .surlignage-bleu, a:hover .surlignage-blanc {
color:#ffffff;
background-color:#86211f !important;
}
/* ****************************************** PICTOS LIENS */
.pictoDL, .sexybranding div ul li a, .pictoGOTO, .pictoSEE {
padding-right: 25px !important;
background-size: 13px !important;
/*background-size: 4% !important;*/
background-repeat: no-repeat !important;
background-position: right 5px center !important;
}
/* ........................ PICTO TÉLÉCHARGER */
.pictoDL, .sexybranding div ul li a {
background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_telecharger_NOIR.png') !important;
}
.surlignage-bleu.pictoDL, .surlignage-rouge.pictoDL, .surlignage-noir.pictoDL, a:hover .surlignage-bleu.pictoDL, a:hover .surlignage-gris1.pictoDL, a:hover .surlignage-gris2.pictoDL, a:hover .surlignage-gris3.pictoDL, a:hover .surlignage-gris4.pictoDL, a:hover .surlignage-noir.pictoDL, a:hover .surlignage-bleu.pictoDL, a:hover .surlignage-blanc.pictoDL {
background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_telecharger_BLANC.png') !important;
}
a:hover .pictoDL, .sexybranding div ul li a:hover {
background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_telecharger_ROUGE.png') !important;
}
/* ........................ PICTO VERS */
.pictoGOTO, .sexybranding div ul li a.pictoGOTO {
background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_vers_NOIR.png') !important;
}
.surlignage-bleu.pictoGOTO, .surlignage-rouge.pictoGOTO, .surlignage-noir.pictoGOTO, a:hover .surlignage-gris1.pictoGOTO, a:hover .surlignage-gris2.pictoGOTO, a:hover .surlignage-gris3.pictoGOTO, a:hover .surlignage-gris4.pictoGOTO, a:hover .surlignage-noir.pictoGOTO, a:hover .surlignage-bleu.pictoGOTO, a:hover .surlignage-blanc.pictoGOTO {
background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_vers_BLANC.png') !important;
}
a:hover .pictoGOTO, .sexybranding div ul li a .pictoGOTO:hover {
background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_vers_ROUGE.png') !important;
}
/* ........................ PICTO VOIR */
.pictoSEE, .sexybranding div ul li a.pictoSEE {
background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_voir_NOIR.png') !important;
}
.surlignage-bleu.pictoSEE, .surlignage-rouge.pictoSEE, .surlignage-noir.pictoSEE, a:hover .surlignage-gris1.pictoSEE, a:hover .surlignage-gris2.pictoSEE, a:hover .surlignage-gris3.pictoSEE, a:hover .surlignage-gris4.pictoSEE, a:hover .surlignage-noir.pictoSEE, a:hover .surlignage-bleu.pictoSEE, a:hover .surlignage-blanc.pictoSEE {
background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_voir_BLANC.png') !important;
}
a:hover .pictoSEE, .sexybranding div ul li a.pictoSEE:hover {
background-image: URL('https://www.ville-melun.fr/images/site/pictos/PICTO_voir_ROUGE.png') !important;
}
/* ****************************************** COULEURS FONDS */
.bg-bleu {
background-color:#10162f !important;
color:#ffffff !important;
}
.bg-rouge {
background-color:#86211f !important;
color:#ffffff !important;
}
.bg-noir {
background-color:#000000 !important;
color:#ffffff !important;
}
.bg-blanc {
background-color:#ffffff !important;
}
.bg-gris1 {
background-color:#f5f5f5 !important;
}
.bg-gris2 {
background-color:#f2f2f2 !important;
}
.bg-gris3 {
background-color:#ededed !important;
}
.bg-gris4 {
background-color:#e3e3e4 !important;
}
/* Couleurs Menu */
.bg-cat1 {
background-color:#fe7722 !important;
}
.bg-cat2 {
background-color:#a1c900 !important;
}
.bg-cat3 {
background-color:#ffd300 !important;
}
.bg-cat4 {
background-color:#00cbc9 !important;
}
.bg-cat5 {
background-color:#7c0bbd !important;
}
.bg-cat6 {
}
/* ****************************************** ENCADRÉS */
/* FONDS */
.fond-bleu {
background-color:#10162f;
color:#ffffff;
}
.fond-rouge {
background-color:#86211f;
color:#ffffff;
}
.fond-noir {
background-color:#000000;
color:#ffffff;
}
.fond-blanc {
background-color:#ffffff;
}
.fond-gris1 {
background-color:#f5f5f5;
}
.fond-gris2 {
background-color:#f2f2f2;
}
.fond-gris3 {
background-color:#ededed;
}
.fond-gris4 {
background-color:#e3e3e4;
}
/* FONDS CATÉGORIES */
.fond-cat1 {
background-color:#fe7722;
}
.fond-cat2 {
background-color:#e3e3e4;
}
.fond-cat3 {
background-color:#ffd300;
}
/* FONDS RAYÉS */
.fond-raye-blanc75 {background-image: url(../../../images/site/pixel-stripes_white75_3x3) !important;
background-position:left 0px !important;
background-repeat:repeat !important;
/*fond clair*/
}
.fond-raye-blanc25 {background-image: url(../../../images/site/pixel-stripes_white25_3x3) !important;
background-position:left 0px !important;
background-repeat:repeat !important;
/*fond foncé*/
}
/* ENCADRÉ POINTILLÉ */
.pointille-bleu { border: 8px dotted #10162f !important;}
.pointille-rouge { border: 8px dotted #86211f !important;}
.pointille-noir { border: 8px dotted #000 !important;}
.pointille-gris, .actu, .zoom, .infos-pratiques { border: 8px dotted #ededed !important;}
.pointille-blanc { border: 6px dotted #fff !important;}
.fond-bleu, .fond-rouge, .fond-noir, .fond-blanc, .fond-gris1, .fond-gris2, .fond-gris3, .fond-gris4, .fond-cat1, .fond-cat2, .fond-cat3, .pointille-bleu, .pointille-rouge, .pointille-noir, .pointille-gris {
padding: 1% 2% !important;
margin: 2% 0 !important;
}
/* ***************************************** FILET */
.filet {border-top: 1px solid #000;}
.filet-gris { border-top: 1px solid #f2f2f2;}
.filet-blanc {border-top: 1px solid #fff;}
.filet, .filet-blanc, .filet-gris {margin: 6% 0 3% 0; width: 10%;}
/* Puce par défaut */
li.puce-rouge {
background-image: url('/images/site/00-GRAPHISME/PICTO_Liste-style-red.png');
}
/* Puce bleue */
li.puce-bleue {
background-image: url('/images/site/00-GRAPHISME/PICTO_Liste-style-blue.png') !important;
}
/* Puce noire */
li.puce-noire {
background-image: url('/images/site/00-GRAPHISME/PICTO_Liste-style-black.png') !important;
}
/* Puce blanche */
li.puce-blanche {
background-image: url('/images/site/00-GRAPHISME/PICTO_Liste-style-white.png') !important;
}
li.puce-rouge, li.puce-bleue, li.puce-noire, li.puce-blanche {
margin: 0;
padding: 0 0 10px 25px;
list-style: none;
background-repeat: no-repeat;
background-position: left top;
background-size: 15px;
line-height :1.2rem !important;
}
/* ***************************************** RETRAIT */
.retrait-trait-rouge, .retrait-trait-bleu, .retrait-point-rouge, .retrait-point-bleu, .retrait-trait-gris, .retrait-point-gris, .parole div {
padding: 10px 0 10px 1.5% !important;
margin: 5px 2% 20px !important;
}
.retrait-trait-rouge, .retrait-trait-bleu, .retrait-trait-gris {border-left-style: solid;
border-left-width:4px;}
.retrait-point-rouge, .retrait-point-bleu, .retrait-point-gris, .parole div {border-left-style: dotted;
border-left-width:6px;}
.retrait-trait-rouge, .retrait-point-rouge {border-left-color: #86211f;}
.retrait-trait-bleu, .retrait-point-bleu {border-left-color: #10162f;}
.retrait-trait-gris, .retrait-point-gris, .parole div {border-left-color: #ededed;}
/*.retrait-point-rouge {
border-left: 8px dotted #86211f;
padding-left:1%;
}
.retrait-point-bleu {
border-left: 8px dotted #10162f;
padding-left:1%;
}*/
/* ***************************************** CADRE */
.cadre-bleu {
background-color:#10162f !important;
color:#ffffff !important;
padding: 0.5% 2% !important;
}
.cadre-rouge {
background-color:#86211f !important;
color:#ffffff !important;
padding: 0.5% 2% !important;
}
.cadre-noir {
background-color:#000000 !important;
color:#ffffff !important;
padding: 0.5% 2% !important;
}
.cadre-gris4 {
background-color:#f5f5f5 !important;
padding: 0.5% 2% !important;
}
.cadre-gris5 {
background-color:#f2f2f2 !important;
padding: 0.5% 2% !important;
}
.cadre-gris7 {
background-color:#ededed !important;
padding: 0.5% 2% !important;
}
.cadre-gris11 {
background-color:#e3e3e4 !important;
padding: 0.5% 2% !important;
}
/* tirets */
.cadre-dashed-bleu { border: 8px dashed #10162f !important;}
.cadre-dashed-rouge { border: 8px dashed #86211f !important;}
.cadre-dashed-blanc { border: 8px dashed #fff !important;}
.cadre-dashed-noir { border: 8px dashed #000 !important;}
.cadre-dashed-gris { border: 8px dashed #e3e3e4 !important;}
/* points */
.cadre-dotted-bleu { border: 8px dotted #10162f !important;}
.cadre-dotted-rouge { border: 8px dotted #86211f !important;}
.cadre-dotted-blanc { border: 8px dotted #fff !important;}
.cadre-dotted-noir { border: 8px dotted #000 !important;}
.cadre-dotted-gris, .zoomsur, .actu { border: 8px dotted #ededed !important;}
/* Seulement une bordure */
.bordure-haute {
border-right: none !important;
border-bottom: none !important;
border-left: none !important;
}
.bordure-droite {
border-top: none !important;
border-bottom: none !important;
border-left: none !important;
margin-right: 4% !important;
padding-right: 3%;
}
.bordure-basse {
border-top: none !important;
border-right: none !important;
border-left: none !important;
}
.bordure-gauche {
border-top: none !important;
border-right: none !important;
border-bottom: none !important;
margin-left: 4% !important;
padding-left: 3%;
}
/* ***************************************** FILET */
div.filet {
margin: 6% 0 3% 0;
height:0;
width: 10%;
border-top: 1px solid #000;
}
div.filet-blanc {
margin: 6% 0 3% 0;
height:0;
width: 10%;
border-top: 1px solid #fff;
}
div.filet-gris {
margin: 6% 0 3% 0;
height:0;
width: 10%;
border-top: 1px solid #f2f2f2;
}
/* ***************************************** EFFET */
.flashing {
animation-duration: .8s;
animation-name: clignoter;
animation-iteration-count: infinite;
transition: none;
}
.flashing-slow {
animation-duration: 2.2s;
animation-name: clignoter;
animation-iteration-count: infinite;
transition: none;
}
@keyframes clignoter {
0% { opacity:1; }
40% {opacity:0; }
100% { opacity:1; }
}
/* ***************************************** POUR BRIE */
.bg-coulee-gauche {
background-image: url('../../../images/02-EVENTS/01-MFSB_Graphik-Elements/2023/BRIE_Coulee-Gauche.png');
background-repeat:no-repeat;
background-size:10%;
background-position: left 0% bottom 10%;
}
.bg-coulee-droite {
background-image: url('../../../images/02-EVENTS/01-MFSB_Graphik-Elements/2023/BRIE_Coulee-Droite.png');
background-repeat:no-repeat;
background-size:11%;
background-position: right 0% bottom 12%;
}
.bg-coulee-bas {
background-image: url('../../../images/02-EVENTS/01-MFSB_Graphik-Elements/2023/BRIE_Coulee-Bas.png');
background-repeat:no-repeat;
background-size:30%;
background-position: left 15% bottom 0;
min-height:175px;
}
}
/* ****************************************** MESSAGE ENTETE */
/*@font-face {
font-family: "Paris2024";
src: url("https://www.paris2024.org/app/themes/2024-reveal/dist/fonts/Paris2024-Variable_03cd1b21.woff2") format("woff2");
font-style: normal;
font-display: swap
}*/
@font-face {
font-family: 'ParisJO2024';
src: url('https://olympics.com/_pr/topic-assets/fonts/Paris2024/Paris2024-Bold.woff2') format('woff2');
/*src:
url('https://sortiramelun.fr/medias/paris2024/Paris2024-Variable.woff') format('woff'),
url('https://sortiramelun.fr/medias/paris2024/Paris2024-Variable.woff2') format('woff2'),
url('https://sortiramelun.fr/medias/paris2024/Paris2024-Variable.ttf') format('ttf'),
url('https://sortiramelun.fr/medias/paris2024/Paris2024-Variable.svg') format('svg'),
url('https://sortiramelun.fr/medias/paris2024/Paris2024-Variable.ttf') format('truetype'),
url('https://sortiramelun.fr/medias/paris2024/Paris2024-Variable.otf') format('opentype'),
url('https://sortiramelun.fr/medias/paris2024/Paris2024-Variable.eot') format('embedded-opentype');*/
font-weight: bold;
font-style: normal;
font-display: swap
}
@font-face {
font-family: 'Olympic Headline';
src: url('https://olympics.com/_pr/topic-assets/fonts/SourceSansPro/OlympicSans-Bold.woff2') format('woff2');
/*src: url('https://sortiramelun.fr/medias/paris2024/OlympicHeadline-Regular.eot');
src:
url('https://sortiramelun.fr/medias/paris2024/OlympicHeadline-Regular.eot?#iefix') format('embedded-opentype'),
url('https://sortiramelun.fr/medias/paris2024/OlympicHeadline-Regular.woff2') format('woff2'),
url('https://sortiramelun.fr/medias/paris2024/OlympicHeadline-Regular.woff') format('woff'),
url('https://sortiramelun.fr/medias/paris2024/OlympicHeadline-Regular.ttf') format('truetype');*/
font-weight: bold;
font-style: normal;
font-display: swap;
}
#header-content {
background-color: white;
width:100%;
min-height:100px !important;
top:0;
}
#header-content div h1 {
font-size:2.4rem !important;/*3rem*/
text-align: left !important;
/*text-align: center !important;*/
}
/*#header-content div h1*/.txt-paris2024 {
font-family: 'ParisJO2024', 'Olympic Headline', Helvetica, sans-serif !important;
text-transform: uppercase !important;
text-align: center !important;
margin:0;
/*background: -webkit-linear-gradient(#FF0042, #FAB900, #FDDC8D);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;*/
}
.message-header {
width:100%;
min-height:100px !important;
top:0;
background: radial-gradient(at 80% 50%, rgba(225, 144, 107, 0.77) 0px, transparent 50%), radial-gradient(at 0% 100%, rgba(255, 221, 87, 0.84) 0px, transparent 50%), radial-gradient(at 80% 100%, rgb(234, 148, 133) 0px, transparent 50%), radial-gradient(at 0% 0%, rgba(234, 148, 133, 0.5) 0px, transparent 50%), rgb(244, 189, 169);
}
.message-header h1 {
font-size:2rem !important;
text-align: left !important;
/*text-align: center !important;*/
}
/* ****************************************** 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;
}
.texte-orange {color:#F26806 !important;}
div.styles-travaux div.ui-accordion-content {font-size:0.85em !important;}
div.styles-travaux div.ui-accordion-content h2{font-size: 1.1em !important;}
div.styles-travaux div.ui-accordion-content h3{font-size: 1.1em !important;}
/* ++++++++++++++++++++++++++++++++++++++++++ FIN BRANDING PERSONNALISÉ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* ************************************* ACCORDÉON */
/* ----- PASSIVE */
h4.ui-accordion.ui-accordion-header {
/*background: #eee !important;
border: none !important;
color: #000 !important;
border-radius: 0 !important;*/
display: block;
cursor: pointer;
position: relative;
margin: 2px 0 0 0;
padding: 0.5em 0.5em 0.5em 0.7em;
min-height: 0;
font-size: 100%;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++ MODULE CLICK */
div#modules_click div div div#clickpicto-content {
/*width: 126px !important;*/
position:relative;
min-height: 100px;
height: 100px!important;
overflow: hidden;
}
div#modules_click_int div div#clickpicto-content {
/*width: 126px !important;*/
position:relative;
min-height: 100px;
height: 100px!important;
overflow: hidden;
}
div#clickpicto-content a {
color:#10162f;
display:block;
width:100%;
height:100%;
text-align: center;
/*padding-top:47%;*/
vertical-align: bottom;
text-decoration: none;
text-transform: uppercase;
font-weight: bold;
}
div#clickpicto-content a span{
position:absolute;
width:100%;
font-size:0.8rem;
line-height: 0.8rem;
bottom:0;
display:block;
}
div#clickpicto-content a span em{
font-size:0.6rem;
}
div#clickpicto-content a.bg-click {
background-position-x:50%;
background-position-y: 0;
background-repeat: no-repeat;
background-size:80px;
}
div#clickpicto-content a.bg-click:hover {
color:#86211f;
background-position-y: -5px;
}
div#clickpicto-content a.bg-click.picto-1 {
background-image: url("../../../images/site/pictos/PictoClick_1.png");
}
div#clickpicto-content a.bg-click.picto-1:hover {
background-image: url("../../../images/site/pictos/PictoClick_1hover.png");
}
div#clickpicto-content a.bg-click.picto-2 {
background-image: url("../../../images/site/pictos/PictoClick_2.png");
}
div#clickpicto-content a.bg-click.picto-2:hover {
background-image: url("../../../images/site/pictos/PictoClick_2hover.png");
}
div#clickpicto-content a.bg-click.picto-3 {
background-image: url("../../../images/site/pictos/PictoClick_3.png");
}
div#clickpicto-content a.bg-click.picto-3:hover {
background-image: url("../../../images/site/pictos/PictoClick_3hover.png");
}
div#clickpicto-content a.bg-click.picto-4 {
background-image: url("../../../images/site/pictos/PictoClick_4.png");
}
div#clickpicto-content a.bg-click.picto-4:hover {
background-image: url("../../../images/site/pictos/PictoClick_4hover.png");
}
div#clickpicto-content a.bg-click.picto-5 {
background-image: url("../../../images/site/pictos/PictoClick_5.png");
}
div#clickpicto-content a.bg-click.picto-5:hover {
background-image: url("../../../images/site/pictos/PictoClick_5hover.png");
}
div#clickpicto-content a.bg-click.picto-6 {
background-image: url("../../../images/site/pictos/PictoClick_6.png");
}
div#clickpicto-content a.bg-click.picto-6:hover {
background-image: url("../../../images/site/pictos/PictoClick_6hover.png");
}
div#clickpicto-content a.bg-click.picto-7 {
background-image: url("../../../images/site/pictos/PictoClick_7.png");
}
div#clickpicto-content a.bg-click.picto-7:hover {
background-image: url("../../../images/site/pictos/PictoClick_7hover.png");
}
/* ++++++++++++++++++++++++++++++++++++++++++++++ PUBLICATION vignette */
.publication-vignette {
float: left !important;
margin: 0 3% 3% 0 !important;
width: 17%;
text-align: center !important;
text-transform: uppercase !important;
}
a .publication-vignette {
text-decoration:none !important;
}
a .publication-vignette img {
border: 1px solid #f2f2f2;
}
a:hover .publication-vignette img {
border-color: #86211f;
}
.publication-vignette .lien-encadre-rouge {
background-image: url("https://melun.fr/images/site/pictos/PICTO_telecharger-voir_NOIR.png");
height:20px;
width:90%;
margin:0 auto;
display:block;
background-position: center;
background-repeat: no-repeat;
background-size: 20%;
padding:1% 2% !important;
color:#8C2132 !important;
/*background-color:#f2f2f2 !important;*/
}
a:hover .publication-vignette .lien-encadre-rouge {
background-image: url("https://melun.fr/images/site/pictos/PICTO_telecharger-voir_ROUGE.png");
color:#ffffff !important;
/*background-color:#8C2132 !important;*/
}
.page-publi-vignette .publication-vignette .lien-encadre-rouge {
margin-top:5px;
}
.page-publi-vignette .publication-vignette {
text-transform: none !important;
}
.parutions-precedentes, .parutions-precedentes h4 {
clear: both; !important;
}
/* .mm-passes */
.parutions-precedentes #ui-id-4 p {
margin: 0 !important;
}
.parutions-precedentes #ui-id-4 .publication-vignette {
width: 12% !important;
}
.parutions-precedentes #ui-id-4 .publication-vignette .lien-encadre-rouge {
display:none !important;
}
/* ++++++++++++++++++++++++++++++++++++++++++++++ FOOTER */
/* COORDONNÉES & RS */
.lev1{
padding:0 10px;
}
.lev1 #logo-picto{
width:140px;
float:left;
margin: 0 2% 20px 0;
}
.lev1 div.filet{
border-color:#ffffff;
margin: 0% 0 -4% 0;
}
.lev1 #logo-picto a{
}
#logo-img-footer {
margin-bottom: 5px;
}
.lev1 h2, #carte div h2 {
color:#ffffff !important;
font-size:1.2rem !important;
font-weight: bold !important;
text-transform: uppercase !important;
line-height: 1 !important;
margin:0 0 5px 0 !important;
padding: 0;
}
.lev1 h2 em{
text-transform: lowercase;
font-style: italic;
font-weight: normal;
font-size: 1em;
}
.lev1 p, div#menu_footer, #carte div p {
font-size:1.1rem;
margin:0 0 15px 0;
}
.info-plus {
font-size:1.2rem !important;
font-weight:bold;
}
.info-moins {
font-size:0.8rem !important;
}
.lev1 #logo-picto p.rs-content{
margin:5px 0 0 0;
}
.lev1 #logo-picto p.rs-content a.rs-footer{
display: inline-block;
background:none;
margin:0 5% 5% 0;
}
.lev1 #logo-picto p.rs-content a.rs-footer:hover{
background-color:#86211f;
}
.lev1 #logo-picto p.rs-content .rs-footer img{
width: 100%!important;
}
#coordonnees{
float:left;
}
#coordonnees .border-white, #coordonnees .bg-blanc {
border: 1px solid #fff;
text-decoration: none !important;
color: #fff !important;
}
#coordonnees .border-white {
margin:0 2% 0 0;
}
#coordonnees .bg-blanc {
color:#0d2842 !important;
background-color: #fff;
margin:0 1% 0 0;
}
#coordonnees .border-white:hover, #coordonnees .bg-blanc:hover {
color: #fff !important;
background-color: #85171a;
border-color: #85171a !important;
}
/* + d'actu */
#carte div h2 {margin-bottom:10px !important;}
#carte div p {
}
#carte div p a {
display:block;
width:100%;
height:100%;
background-image: url(../../../images/site/pixel-stripes_white15_3x3.png) !important;
background-position: left 0px !important;
background-repeat:repeat !important;
text-align:left;
}
#carte div p a:hover{
background-color: #85171a;
}
#carte div p img {
width:10%;
margin-right:10px;
}
/*@media (max-width: 1200px) {
div#clickpicto-content a {
padding-top:53% !important;
}
div#clickpicto-content a.bg-click {
background-size:64% !important;
}
}
@media (min-width: 768px) and (max-width: 979px) {
div#clickpicto-content a {
padding-top:76% !important;
}
div#clickpicto-content a.bg-click {
background-size:86% !important;
}
}
@media (max-width: 767px) {
div#clickpicto-content a {
padding-top:11% !important;
}
div#clickpicto-content a.bg-click {
background-size:12.75% !important;
}
}
@media (min-width: 599px) and (max-width: 715px) {
div#clickpicto-content a {
padding-top:12% !important;
}
div#clickpicto-content a.bg-click {
background-size:15% !important;
}
}
@media (min-width: 571px) and (max-width: 600px) {
div#clickpicto-content a {
padding-top:28% !important;
}
div#clickpicto-content a.bg-click {
background-size:32% !important;
}
}
@media (min-width: 546px) and (max-width: 570px) {
div#clickpicto-content a {
padding-top:29% !important;
}
div#clickpicto-content a.bg-click {
background-size:34% !important;
}
@media (min-width: 481px) and (max-width: 545px) {
div#clickpicto-content a {
padding-top:32% !important;
}
div#clickpicto-content a.bg-click {
background-size:38% !important;
}
}
@media(max-width: 480px) {
/*div#clickpicto-content a {
padding-top:33% !important;
}
div#clickpicto-content a.bg-click {
background-size:37% !important;
}
}*/
/***********ACTUALITES*****************/
div.blog.actus div.item div.item-image {
width: 25%;
height: 120px;
padding: 0;
float: left;
margin: 0;
}
div.blog.actus div.item div.item-image:hover {
opacity: 0.5 !important;
}
div.blog.actus div.contenu_colonne_droite {
float: right;
width: 72%;
padding: 0 10px;
}
div.blog.actus div.contenu_colonne_droite ul.tags.inline {
display: inline;
padding: 0.5% 1% 0.5% 0;
}
div.blog.actus div.contenu_colonne_droite ul.tags.inline > li {
display: inline-block;
background-color:#eee;
color:#000;
padding: 0.5% 0;
}
div.blog.actus div.contenu_colonne_droite ul.tags.inline > li span {
color:#000;
}
div.blog.actus div.contenu_colonne_droite .label-info[href] {
background: none;
color:#FFF;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
font-size: 120%;
}
div.blog.actus div.contenu_colonne_droite .label-info {
background: none;
color:#FFF;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
font-size: 120%;
font-weight: normal;
}
div.blog.actus div.item {
border-bottom: 2px solid #f2f2f2;
margin: 1% 0;
min-height: 145px;
}
div.blog.actus div.item div.page-header {
position: inherit;
background:none;
top: 0;
left: 0px;
margin: 0;
padding: 0;
opacity: 1;
filter: alpha(opacity=100);
}
div.blog.actus div.item div.page-header h2 {
color: #86211f;
text-decoration:none;
font-size: 140%;
}
div.blog.actus div.item div.page-header h2:hover {
color: #10162f;
}
div.blog.actus div.item a {
color: #86211f;
text-decoration:none;
}
div.blog.actus div.item a:hover {
color: #10162f;
}
#tagfilterform {
display:none;
}
div.blog.actus div.contenu_date {
font-style:italic;
font-size:90%;
}
div.blog.actus div.contenu_intro {
font-style:italic;
font-size:90%;
}
div.blog.actus div.plus_infos {
text-align: right;
text-transform: uppercase;
}
.blog.actus .pagination ul > li > a, .pagination ul > li > span {
border:none !important;
}
.blog.actus .pagination ul {
box-shadow: none ;
}
/*********AGENDA**********************/
.ic-title-header {
width: auto !important;
}
.ic-info {
text-align: left;
}
.ic-info .ic-details {
text-align: left;
}
.ic-image {
height :280px;
max-height: 280px !important;
}
.ic-image img {
margin: -17.5% 0 !important;
}
.ic-info-box {
clear:both;
}
/* CAROUSEL ACTU */
@media (min-width: 768px) and (max-width: 979px) {
/* CAROUSEL ACTU */
/*CSI*/
/*div#actus.span10 {
width: 724px !important;
}*//* new */
}
@media (max-width: 767px) {
/* CAROUSEL ACTU */
/*CSI*/
/*div#actus.span10 {
width: 100%!important;
margin-left:0;
}*//* new */
/* MODULE ARTICLE */
div#module_article.span3 {
margin-left: 0 !important;
}/* new */
}
@media (min-width: 930px) and (max-width: 1199px) {
/* CAROUSEL ACTU */
/*CSI*/
/*div#actus.span10 {
width: 940px !important;
}*//* new */
}
@media (min-width: 1200px) {
/* CAROUSEL ACTU */
/*CSI*/
/*div#actus.span10 {
width: 1170px !important;
}*/
/*#actus .bt-cs .bt-inner img {
outline: none;
border: none;
max-width: 100%;
width:100%;
margin: 0;
position:relative;
top:0;
}*/
}
@media (min-width: 768px) and (max-width: 979px) {
/************ ÉLUS ***************/
.adj-cons {width: calc(90% / 3);}
/* CONTENU INT */
div#contenu_int.span6 {
float:none !important;
width: 518px !important;
}/* new */
/* MODULE ARTICLE */
div#module_article.span3 {
float:none !important;
width: 538px !important;
margin-left: 20px !important;
}/* new */
}
/************ AGENDA ***************/
.ic-filters-btn-2 {
height: 30px;
line-height: 30px;
width: 50% !important;
}
.ic-filter-reset-btn {
height: 30px;
line-height: 30px;
width: 50% !important;
}
#icagenda-list .ic-filters {
background: none !important;
}
#icagenda-list .ic-filters-controls {
background: none !important;
}
#jform_custom_fields__en_vedette-lbl {
display:none;
}
#jform_custom_fields__en_vedette {
display:none;
}
/************ ACTUS ACCUEIL ***************/
div#actus_accueil {
border-top: 2px solid #f2f2f2;/* new */
background:#FFFFFF;
margin-top:10px;
/*margin-left:66px !important;*/
}
div#actus_accueil h2 {
color:#10162f; /* new */
/*color:#ff7d4f;*/ /* old */
font-weight:bold;
font-size:1.8em;
padding-left:1%;
}
div#actus_accueil h2 span.lien_actusaccueil {
color:#86211f; /* new */
/*color:#000000;*/ /* old */
font-weight:normal;
font-size:0.6em;
}
div#actus_accueil h2 a {
color:#86211f; /* new */
/*color:#000000;*/ /* old */
font-weight:normal;
text-decoration:none;
}
div#actus_accueil h3.newsflash-title {
padding-top: 8px;
line-height: 18px !important;
font-size: 1.3em !important;
font-weight: bold;
hyphens: auto;
/*height: 54px;*/
}
div#actus_accueil h3.newsflash-title a {
color:#000000;
}
div#actus_accueil ul.tags.inline > li {
display: inline-block;
background-color: #eee;
}
div.blog.actus div.contenu_colonne_droite ul.tags.inline > li, div#actus_accueil ul.tags.inline > li {
font-size: 0.8em;
padding: 0.1% 0.1%;
}
div#actus_accueil .label-info {
background: none;
color: #000;
text-decoration: none;
text-transform: uppercase;
text-shadow: none;
font-size: 120%;
font-weight: normal;
}
div#actus_accueil .introtext {
font-style:italic;
line-height:100%;
}
@media (max-width: 767px) {
div#modules_click .custom.span2 {
width:50%;
float:left;
}
}
/*CSI ACTUALITES NOUVELLE VERSION */
.container-actus {
padding:0;
}
#actus .bt-cs .bt-inner img {
outline: none;
border: none;
max-width: 100%;
width:100%;
margin: 0;
/* position:relative;
top:-200px;*/
}
#actus .bt-cs .bt-row {
padding:0;
}
#actus .bt-cs .bt-inner {
padding:0;
}
#actus .titre_actu {
position:absolute;
top: 25%;
left: 53%;
font-size: 190%;
font-family: Verdana;
background:#FFFFFF;
padding:10px;
z-index:7;
}
#actus .bt-cs .bt-inner .bt-title {
color: #10162f;
font-weight: normal;
line-height: normal;
}
#actus .bt-cs .bt-inner .bt-title a {
color: #10162f;
}
#actus .bt-introtext {
position:absolute;
top: 42%;
right: 0;
font-size: 100%;
background:rgba(16,22,47,0.5);
padding:30px 40px;
z-index:6;
color:#FFFFFF;
width:46%;
text-align:left;
}
#actus .lien_plus_actu {
position:absolute;
top: 48%;
right: 40px;
font-size: 180%;
background:#a1c900;
padding:10px 8px;
z-index:8;
color:#10162f;
text-align:center;
}
#actus .lien_plus_actu a {
display:block;
color:#10162f;
}
.bt_handles li a {
background-image: url(/images/site/divers/pagination.png) !important;
}
#btcontentslider270 {
display:none !important;
}
@media screen and (min-width: 768px) and (max-width: 768px) {
#actus .titre_actu {
left: 10%;
}
#actus .bt-introtext {
width: 90%;
}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
/************ ÉLUS ***************/
.adj-cons {width: calc(90% / 2);}
#btcontentslider269 {
display:none !important;
}
#btcontentslider270 {
display:block !important;
margin: 0 auto;
}
#btcontentslider270 .next,#btcontentslider270 .prev {
display:block !important;
}
#actus .titre_actu_mobile {
font-size: 140%;
font-family: Verdana;
background:#FFFFFF;
padding:10px 10px 0 10px;
text-align: left;
margin-top: -30px;
color:#10162f;
}
#actus .bt-cs .bt-inner .bt-title {
background: #FFFFFF;
padding: 2px 4px;
}
#actus .bt-introtext_mobile {
font-size: 100%;
background: #10162f;
padding: 20px 10px 10px;
color: #FFFFFF;
text-align: left;
margin-left: 10px;
margin-top: -2px;
}
#actus .lien_plus_actu_mobile {
font-size: 180%;
background: #a1c900;
padding: 10px 8px;
color: #10162f;
text-align: right;
width: 15px;
float: right;
margin-top: -20px;
margin-right:10px;
}
#actus .lien_plus_actu_mobile a {
display:block;
color: #10162f;
}
}
#menu .mobile_only {
display: none;
}
#menuMobile {
display: none;
}
@media (max-width: 767px) {
div#menuprinc {
display:none;
}
#menuMobile {
position: fixed;
z-index: 9999999999;
background-color: rgb(16,22,47,0.9);
left: -9999999px;
right: 0;
top: 0;
bottom: 0;
width: 80%;
transition: all 0.3s;
overflow: scroll;
}
#menu .mobile_only {
display: block;
padding-top: 70px;/*quand il y a le message entête*/
}
#menu .bouton_menu_mobile {
color:#FFFFFF;
text-transform:uppercase;
text-decoration: none;
font-size: 20px;
}
#menu .bouton_menu_mobile::after {
content:url('/images/site/menu/icon_launch.jpg');
vertical-align: middle;
}
#menuprinc-mobilebarmenuck {
display:none;
}
#menuMobile {
display: block;
}
#menuMobile.mobileOn {
display: block;
transition: all 0.3s;
left: 0;
}
#cadre_menu #menu.mobileBtnHide {
display: none;
}
#menuMobile.mobileOn .closeMobileM {
color: #fff;
float: right;
background: #a1c900;
width: 40px;
height: 40px;
text-align: center;
font-size: 30px;
line-height: normal;
cursor: pointer;
}
#menuMobile.mobileOn ul li {
color: #fff;
}
#menuMobile.mobileOn ul li a {
color: #fff;
text-decoration:none;
}
#menuMobile.mobileOn ul li span.separator {
color: #a1c900;
font-weight: bold;
margin-left: 15px;
font-size: 16px;
cursor: pointer;
margin-bottom: 25px;
display: block;
margin-right: 15px;
}
#menuMobile.mobileOn ul li.nomargin span.separator {
margin-bottom: 0;
border-bottom: 1px solid #a1c900;
}
#menuMobile.mobileOn ul.nav.menu li.divider > ul.nav-child > li {
font-weight:bold;
}
#menuMobile.mobileOn ul.nav.menu li.divider > ul.nav-child > li > a {
font-weight:bold;
}
#menuMobile.mobileOn ul.nav.menu li.divider ul.nav-child li.deeper.parent ul.nav-child::before {
content: "";
background: #a1c900;
width: 30px;
height: 2px;
display: block;
position: relative;
left: -20px;
margin-top: 2px;
}
/*#menuMobile.mobileOn ul.nav.menu li.divider.item-113 ul.nav-child li.deeper.parent ul.nav-child::before {
background: #fe7722;
}
#menuMobile.mobileOn ul.nav.menu li.divider.item-173 ul.nav-child li.deeper.parent ul.nav-child::before {
background: #a1c900;
}
#menuMobile.mobileOn ul.nav.menu li.divider.item-174 ul.nav-child li.deeper.parent ul.nav-child::before {
background: #ffd300;
}
#menuMobile.mobileOn ul.nav.menu li.divider.item-175 ul.nav-child li.deeper.parent ul.nav-child::before {
background: #00cbc9;
}
#menuMobile.mobileOn ul.nav.menu li.divider.item-176 ul.nav-child li.deeper.parent ul.nav-child::before {
background: #7c0bbd;
}
#menuMobile.mobileOn ul.nav.menu li.divider.item-177 ul.nav-child li.deeper.parent ul.nav-child::before {
background: #bf000e;
}*/
#menuMobile.mobileOn ul li.divider.parent::before {
content: "+";
background: #a1c900;
color:#FFFFFF;
line-height: 17px;
width: 20px;
height: 20px;
text-align: center;
font-size: 21px;
position: absolute;
right: 15px;
cursor: pointer;
margin-top: 5px;
}
#menuMobile.mobileOn ul .nav-child.small {
display: none;
padding:5px 20px;
}
}
div#menuprinc li.level3 span.titreck {
font-size:1.3em;
}
#btcontentslider269 .next,#btcontentslider269 .prev {
display:block !important;
}
@media (max-width: 350px) {
/************ ÉLUS ***************/
#maire .description {text-align:center !important;}
.adj-cons,.photo, .description {width: 100% !important;}
}
.btn-toolbar #toolbar-versions.btn-wrapper {display: none !important;}
.shadow {display: none !important;}
/*div#contenu_int div.item-page div.content-links {display:none !important;}*/
#menu .alert {
display:none;
}