/*************************
/* 1. Général
/* 2. Header
/* 3. Homepage
/* 4. Cookies
/* 5. Contenu
/* X. A COMPLETER
/* 10. Selecteurs
/*************************

/**************/
/* 1. GÉNÉRAL */
/**************/
a:hover {
	text-decoration: none;
}
h2 {margin-bottom: 60px;font-weight:700;}
.shadow {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);}
.container-fluid {	max-width: 1920px;    background-color: #fff;}
.item_content h2::after {    content: ' ';    background-color: #f4690b;    width: 40px;   height: 4px;    display: block;    margin-top: 10px;}
.item_content h2 span{ /*	position: absolute;    border: 2px solid;    width: 40px;    left: 0px;    top: 40px;*/}
h1,.h1, .homepage h2 {color: #334C93;font-weight: bold;}
h3{margin-top:20px; margin-bottom:15px;}
h4{margin-bottom:1rem;margin-top:1rem;}
#homepage{position:relative;}

button.dismissButton{padding: 0 24px;margin:0;}
button.dismissButton:hover{color:#334C93;}


#sbox-btn-close {left:-15px}
#sbox-window {width: 280px!important; left: 50%!important; margin-left: -140px;}
#sbox-window h1 {font-size:2rem;text-align:center;color:#F4690B;font-weight:400;    margin-top: 0px;    margin-bottom: 25px; position:relative;}
#sbox-window h1 span {position: absolute;    border: 0px;    border-top: 4px solid;    width: 40px;    left: 50%;    bottom: -10px;    margin-left: -20px;}
#sbox-window #sbox-btn-close { background: url(../images/cross.png) no-repeat center;    background-size: contain;    width: 60px;    height: 60px;    /*left: -15px;*/   left: 50%;    margin-left: -30px;    top: -40px;}

#sbox-window.hptexthtml {top:50px!important;} 
#sbox-window.hptexthtml h1 {color:#334C93} 

#sbox-window h2{margin-bottom: 25px;font-weight:normal;color:#F4690B}
#sbox-window h2::after {content: ' ';    background-color: #F4690B;    width: 40px;   height: 4px;    display: block;    margin-top: 10px;}

#sbox-window .btn-primary a{color:#fff;}

.mfp-iframe-holder .mfp-content .mfp-iframe-scaler iframe{   border-radius: 10px;}
.mfp-close-btn-in  .mfp-content .mfp-close,
.mfp-iframe-holder .mfp-content .mfp-close,
.mfp-content .mfp-close {	padding: 0;    margin: 0;    background: white;    color: #28B5E5;    width: 40px;    height: 40px;    text-align: center;    border-radius: 50%;    opacity: 1;  top: -20px; left: 50%;    margin-left: -20px;}
.mfp-content .mfp-close:hover { color:#334C93;    background: #fff; }
.mfp-content .mfp-close:active {top: -19px;}

.alert-notice {   background-color: #d9edf7;   border-color: #bce8f1;  color: #31708f;}
.alert-message {  background-color: #d9edf7;   border-color: #bce8f1;  color: #31708f;}
.alert {padding: 15px;    margin: 15px;    border: 1px solid transparent;    border-radius: 4px;    max-width: 100%;}
.alert ul{margin:0;}

select, 
input[type=text],
input[type=password],
input[type=email],
textarea { padding: 5px 15px;    border: 1px solid #ccc;    box-shadow: 0px 0px 1px #aaa;    border-radius: 4px;}

label{color:#4D4D4D;margin-bottom:0;font-weight:100;}

.tip-wrap{background-color:#fff; border-radius:5px;padding:5px;box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2);font-size:0.9rem;}
.tip-title{font-weight:bold;}

/*Rétrocompatibilité des boutons*/
p.atmo_btn_editor{ min-height: 36px;}


/*ATMO*/
#map_leaflet .leaflet-tile-loaded {    visibility: hidden;}

/**************/
/* 2. HEADER  */
/**************/


#ariane {
	background-color: #f6f6f6;
    padding: 10px;
	/*margin-top: 10px;*/
}
.breadcrumbs {	margin-top: 5px;}
.breadcrumbs a, .breadcrumbs span {	font-size: 14px;}
.breadcrumbs a.pathway img {	margin-top: -10px;    margin-right: 10px;max-width: 24px;}
.breadcrumbs a.pathway img.fleche ,
.breadcrumbs span.pathway img.fleche {	margin-top: -4px;  margin-right: 10px;   margin-left: 15px;}
.breadcrumbs a, .breadcrumbs span {	color: #28b5e5;	text-transform: uppercase;}

/* 2.1 MENU */
.main-menu {	background-color: #28B5E5;	padding: 0px;	z-index: 1042;}
#hamburger-sidebar-body .moduletable ul.menucontent {	padding: 0px;}
#hamburger-sidebar-body .moduletable ul.menucontent li {	margin: 0;}
#hamburger-sidebar-body .moduletable ul.menucontent > li > span {	color: #fff;	cursor: pointer;	font-size: 24px;}
#hamburger-sidebar-body .moduletable ul.menucontent > li > a {	color: #fff;	font-size: 24px;}
#hamburger-sidebar-body .moduletable ul.menucontent > li > span {	color: #fff;}
#hamburger-sidebar-body .moduletable ul.menucontent li a {	color: #fff;}
#hamburger-sidebar-body .moduletable ul.menucontent li ul {	display: none;	padding-left: 25px;}
#hamburger-sidebar-body .moduletable ul.menucontent li.active > ul{	display:block;}
#hamburger-sidebar-background {	background-color: #26b5e5;	height: 100%;}
#hamburger-sidebar-background-image {	background-image: url("/images/templateHDF/2019/bg-main-menu.png");	background-position: top;	height: 100%;overflow-y: auto;  }
#hamburger, #hamburger-content {    display: inline;}
#hamburger-button {    cursor: pointer;    background: none;    border: none;    font-size: 30px;    vertical-align: top;    padding: 0;    line-height: 35px;    margin-right: 32px;	color: #fff;	border-radius: 0;   box-shadow: none;	color:white!important;}
#hamburger-overlay {    display: none;    position: fixed;    z-index: 9999;    top: 0;    left: 0;    width: 100%;    height: 100%;    background-color: rgba(0, 0, 0, .6);}
#hamburger-sidebar {    display: none;    position: fixed;    width: 400px;    z-index: 99999;    height: 100%;    top: 0;    left: 0;      transform: translateX(-100%);    transition: transform .2s ease-out;}
#hamburger-sidebar li {    display: block;}
#hamburger-sidebar-header {    padding: 100px 40px 90px;}
#hamburger-sidebar-header img.back-home {	float: right;}
#hamburger-sidebar-header img.close-menu {	float: left;	max-width: 28px;	cursor: pointer;}
#hamburger-sidebar-body {    padding: 15px;}
#hamburger-sidebar-body li:before {    content: ' ';    display: inline-block;    vertical-align: middle;    margin-bottom: 4px;    margin-right: 16px;    width: 24px;    height: 24px;}
#hamburger-content {	display: none;}
#hamburger-button {	width: 100%;	padding: 25px 0;}
#hamburger-button,
#hamburger-sidebar, 
.hamburger-activated #hamburger-overlay {	display: block;    margin: 0 auto;}
.hamburger-activated #hamburger-sidebar {	transform: translateX(0);}
button#hamburger-button span {	display: block;	text-transform: uppercase;    font-size: 16px;}
#menu-map{margin-top:50px;padding:0;}

/* 2.2 SLOGAN */
.logo-atmo {display:flex;}
.logo-atmo a{display:flex;}
.logo-atmo img {max-width: 100%;max-height: 100px;}

/* 2.3 SLOGAN */
#header .slogan {color: #334C93;	font-weight: 100;	font-size: 20px;	text-transform: uppercase;}
#header .slogan-mini {color: #334C93;	font-weight: 100;	font-size: 1rem;	text-transform: uppercase;}
#header #mod-search-searchword {display: none;}

/* 2.4 TOPBAR */
#topbar {display: flex; flex-wrap: wrap; justify-content: flex-end;padding: 40px 0;}
#topbar .moduletable {flex: 0 0 33%; max-width: 33%; border-left: 1px solid #28B5E5; text-align: center; height: 40px;padding-top: 5px;}
#topbar .moduletable:first-child { border-left: none;}
#topbar .moduletable .link-fav-mobile img{width: 32px;}

#topbar .moduletable .link-fav-mobile img.on{display:none;}
#topbar .moduletable .link-fav-mobile img.off{display:inline}
#topbar .moduletable .link-fav-mobile.actif img.on{display:inline;}
#topbar .moduletable .link-fav-mobile.actif img.off{display:none}

/* Only use a hover-activated drop down menu on devices that can conveniently hover. */
@media (hover) {
  #topbar .moduletable .link-fav-mobile:hover img.on{display:inline;}
  #topbar .moduletable .link-fav-mobile:hover img.off{display:none}
}

#topbar .moduletable.language, 
#topbar .moduletable.social-top {	display: none;}
#topbar .moduletable.login a.link-connect {	display: none;}
#topbar .moduletable.login a.img-connect img{width:32px;min-height:45px;margin-top: -5px;}
#topbar .moduletable .logout-button button{	background:none;	text-transform:none;	margin:0;	padding:0;	color:#28b5e5;	box-shadow:none;margin-top: -5px;}
#topbar .moduletable .logout-button button span{display:none;}
#topbar .moduletable .logout-button button img{width:30px;}
#topbar input.button.search-input{width:32px;min-height:32px;}

#topbar .moduletable.social-top a img.on{display:none;}
@media (hover) {
	#topbar .moduletable.social-top a:hover img.off{display:none;}
	#topbar .moduletable.social-top a:hover img.on{display:inline;}
}

/***************/
/* 3. HOMEPAGE */
/***************/
/* 3.1 ACCES RAPIDES */

#hp_wrapper {overflow: hidden;}
#hp_wrapper .quicklinks {margin: 40px 0 100px;}
#hp_wrapper .quicklinks .block {	margin-bottom: 40px;}
#hp_wrapper .quicklinks .block .shadow {	padding: 15px;    border-radius: 10px;	text-align: center;	min-height: 188px;	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
#hp_wrapper .quicklinks .block .shadow:hover {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.2) !important;}
#hp_wrapper .quicklinks .block .shadow img {	display: block;	margin: 10px auto 10px;	max-height: 45px;}
#hp_wrapper .quicklinks .block p {	font-size: 20px;    line-height: 30px;    font-weight: bold;    color: #334C93;	margin-bottom: 0;}
#hp_wrapper .quicklinks .block a:hover {	text-decoration: none;}

/* 3.2 ACTUALITES */

#atmo_news {margin: 40px 0 100px;}
#atmo_news h2 a {    text-decoration: none;    color: #28B5E5;    font-size: 18px;    font-weight: 400;    text-transform: uppercase;    float: right;	margin-top: 8px;}
#atmo_news h2 a img {    margin-left: 40px;    margin-top: -27px;    overflow: hidden;    max-width: 30px;    float: right;}
#atmo_news .latestnews .atmo_actu {margin-bottom: 40px;}
#atmo_news .latestnews .atmo_actu .shadow {transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;}
#atmo_news .latestnews .atmo_actu .shadow:hover {box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.25) !important;}
#atmo_news .latestnews .atmo_actu .atmo_img img {max-width: 350px; margin: auto; display: block; width: 100%;}
#atmo_news .latestnews .atmo_actu .atmo_main {padding: 20px;    min-height: 152px;}
#atmo_news .latestnews .atmo_actu .atmo_main span.event-date {	color: #4D4D4D;    font-size: 24px;    line-height: 24px;    font-style: italic;    font-weight: 100;    margin-bottom: 20px;    display: block;}
#atmo_news .latestnews .atmo_actu .atmo_main a {	color: #4D4D4D;    font-size: 24px;    line-height: 34px;	font-weight: bold;}

/* 3.3 RESTEZ INFORMES */

.abonnement {	margin: 40px 0 100px;}
.abonnement .block-left {	margin-bottom: 25px;}
.abonnement .block-left img {	display: block;    margin: 0 auto;	max-width: 100%;}
.abonnement .block-right {	margin-bottom: 25px;}
.abonnement .block-right h3 {	color:#4D4D4D;	font-size: 25px;	font-weight: bold;}
.abonnement .block-right p {	color:#4D4D4D;	font-size: 18px;	font-weight: 400;}
.abonnement .block-right a.btn {	background-color: #28b5e5;    color: #fff;    text-transform: uppercase;    margin: 25px 0 50px;    padding: 15px 60px;    border-radius: 35px;	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2);}
.abonnement .block-right a.btn:hover {	background-color: #334c93;}
.abonnement .block-right .social img {	margin: 0 10px;}

/* 3.4. MODULE ALERTE */
#ribbon {line-height: 40px; font-size: 1.1em; text-align: center; color: #fff; display: block; text-decoration: none;}
#ribbon span{background: url(../images/icon_alerte.png) no-repeat 0% 50%; width: 26px; height: 36px; display: inline-block; vertical-align: middle; margin-right: 15px; margin-left: 15px;}
#ribbon.rouge{background: #CE0000;}
#ribbon.orange{background: #F4690B;}
#ribbon.jaune{background: #FFC800;}
	
/***************/
/* 3. FOOTER */
/***************/

footer {    background-image: linear-gradient(to left, #28B5E5, #334C93);    color: #fff;}
footer a {    color: #fff;	font-size: 18px;}
footer h3 > a {    font-size: 1.4rem;}
footer a:hover {    color: #fff;}
footer #top-footer {	background-image: url(/images/templateHDF/2019/top-footer-bg.png);    padding-bottom: 455px;	background-repeat: no-repeat;}
footer #menu-footer .moduletable.col-md-3 {	padding: 0 15px;}
footer #menu-footer .moduletable {	margin-bottom: 25px;}
footer #menu-footer .custom.col-md-3 {	max-width: 100%;	padding: 0px;}
footer #menu-footer h3 {	color: #fff;	font-size: 1.4rem;}
footer #menu-footer ul {	padding: 0;}
footer #menu-footer ul li {	list-style: none;	font-weight: 100;}
footer #copyright {	padding-top: 50px;}
footer #copyright span {	font-size: 18px;}
footer #copyright span a{	font-size: 0.9rem;}
footer #copyright .container {	padding-top: 50px;	padding-bottom: 25px;}
footer #copyright .container .social img {	margin: -15px 10px 0;}
footer #copyright .col-md-3, footer #copyright .col-md-6 {	padding: 0 15px;}
footer .link-sitemap{text-align:center}

/***************/
/* 4. COOKIES */
/***************/
div#redim-cookiehint{	background-color:#334C93;}
div#redim-cookiehint .cookiecontent{	line-height:28px;	font-size:13px;}

/***************/
/* 5. CONTENU */
/***************/
.heading a{	color:#334c93;	font-weight: 900;}
body.content h1 {	margin-top: 25px;    margin-bottom: 25px;}
body.content h2 {position: relative;margin-bottom: 30px;font-weight:100;margin-top: 30px;}
body.content h2::after {    content: ' ';    background-color: #f4690b;    width: 40px;   height: 4px;    display: block;    margin-top: 10px;}
body.content .atmo_search h2::after {margin-left:50px;}
body.content h2 span {position: absolute;    border: 0px;    border-top: 4px solid;    width: 40px;    left: 0px;    bottom: -10px;    margin-left: 0px;    top: auto;}
body.content #wrapper {margin-bottom: 100px;}
body.content article {	width: 100%;	margin: 0 auto;}
body.content img{	max-width: 100%;}

/*liste des articles*/
body.content .blog h2 {color: #334C93;    font-weight: bold;margin-top: 25px;    margin-bottom: 25px;font-size: 2.5rem;}
body.content .blog .blog_item_title{	display:block;    font-size: 1.2rem;    font-weight: bold;}
body.content .blog .items-leading > div{	border-bottom:1px solid #ADADAD;	padding-bottom:20px;	margin-bottom:20px;}
body.content .blog .blog_item_created{	font-style:italic;font-size:0.8rem;}

body.content .item-page .img-panoramic {position:relative;margin-bottom:10px;}
body.content .item-page .img-panoramic img{width:100%;}
body.content .item-page .img-panoramic .legende_img_panoramic{display: block;opacity:0; width: 100%; position: absolute; bottom: 0px; background: #334c93c4; color: #fff; font-size: 0.9rem; text-align: center; padding: 1px;   -webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;}
body.content .item-page .img-panoramic:hover .legende_img_panoramic{opacity:1;}

.video-container {	position: relative;	padding-bottom: 56.25%;	padding-top: 30px;	height: 0;	overflow: hidden;}
.video-container iframe,  
.video-container object,  
.video-container embed {position: absolute;	top: 0;	left: 0;width: 100%;height: 100%;}


/*PAGE DE RECHERCHE */
.search .search-results .highlight{font-size:1.1rem;color:#5F9600;}

/************/
/* CONTACT  */
/************/
#page_contact .block-map .border {border-bottom:1px solid #eee;}
#page_contact .block-map .title {font-size: 1.5rem;    color: #4D4D4D;}
#page_contact .block-map .coordonnees {font-size: 0.9rem;margin-top:10px;}
#page_contact .block-map .coordonnees .adresse {}
#page_contact .block-map iframe {margin-bottom: -7px;}
#page_contact .info-politique {background-color:#F1F1F1;padding:30px;color:#4D4D4D;}
#page_contact .info-politique .title {font-weight:bold;}
#page_contact .info-politique a {text-decoration:underline;}
/*#page_contact label {color:#4D4D4D;margin-bottom:0;font-weight:100;}*/
#page_contact legend {color:#4D4D4D;}
#page_contact #jform_contact_message ,
#page_contact #jform_contact_subject {width:100%; max-width:800px;}
#contact-form > fieldset > dl:nth-child(11) > dt{display:none;}
#contact-form > fieldset > dl:nth-child(13) > dt{display:none;}
#contact-form .atmo-btn.button.validate{margin-top:0px;margin-bottom:20px;}

/*********/
/* LOGIN */
/*********/
ul.login_help {list-style-type:none; padding:0;}
ul.login_help a {text-decoration:underline;}
ul.login_help > li:nth-child(1){ display: inline-block;}
ul.login_help > li:nth-child(2){ display: inline-block; padding-left:20px;}
ul.login_help > li:nth-child(3){padding-top:20px;}

/**********/
/* TO TOP */
/**********/
#totop{	background: url(/images/templateHDF/2019/fleche-top.svg) no-repeat;	background-color: #fff;	background-size: 30%;	background-position: center;	border-radius: 50%;    padding: 30px 30px;    right: 75px;    display:block;    position: fixed;    bottom: -65px;    width: 40px;    height: 40px;    cursor: pointer;    opacity: 0;    -webkit-transition: all 0.5s ease-in-out;    -moz-transition: all 0.5s ease-in-out;    -ms-transition: all 0.5s ease-in-out;    -o-transition: all 0.5s ease-in-out;    transition: all 0.5s ease-in-out;}
#totop.scrolled {    opacity: 1;   bottom: 25px;  z-index: 1042;}

/*****************/
/* 9. Pagination */
/*****************/
div.pagination{	width: 100%;	padding: 5px 0;	margin-top: 25px;	text-align: center;}
div.blog div.pagination.top {	margin-top: 0;	margin-bottom: 15px;}
div.pagination .counter {	float: left;	display: none;	width: 100px;}
div.pagination ul {	display: block;    margin: 0 auto;	list-style: none;	padding: 0;}
div.pagination ul li{	margin: 0;	display: inline;}
div.pagination ul li.pagination-start{display:none;}
div.pagination ul li.pagination-prev a {border-radius: 3px 0 0 3px;}
div.pagination ul li.pagination-next a {border-radius: 0 3px 3px 0;}
div.pagination ul li.pagination-end{display:none;}

div.pagination ul li.pagination-prev span.active,
div.pagination ul li.pagination-next span.active,
div.pagination ul li span,
div.pagination ul li a {	background: transparent;    padding: 10px 15px;    border: 1px solid #D7DAE2;	font-weight: bold;	color: #4D4D4D;	font-size: 1rem;	text-decoration: none;	box-shadow: 0px 0px 2px #eee;}
div.pagination ul li.pagination-prev span {	border-radius: 3px 0 0 3px;}
div.pagination ul li span.active,
div.pagination ul li a:hover {	background: #28b5e5;    color: #ffffff;}
div.pagination ul li a.dots:hover {	border-color: #fff;}
div.pagination a.current{	background:#999;	color:#fff;}

select#limit {	height: 23px;	padding: 0px 6px;	width: 60px;}

.socialshare {    text-align: center;	margin-bottom: 25px;}
body.content #wrapper .socialshare img{max-width:40px;}

/*****************/
/* 10. Sélecteurs */
/*****************/

/* Checkboxes and radio buttons */
.custom-control-label::before {    background-color: #b8e1ef;    border: #b8e1ef solid 1px;}
.custom-control-input:checked ~ .custom-control-label::before {    color: #fff;    border-color: #28b5e5;    background-color: #28b5e5;}

/* Select */
select {    -webkit-appearance: none;    -moz-appearance: none;    text-indent: 1px;    text-overflow: '';	background: url("../images/down-arrow.png") no-repeat right;	background-size:25px;	width:100%;}
select:focus{	background: url("../images/up-arrow.png") no-repeat right;	background-size:25px;}
select::-ms-expand {display: none;} /*IE 11*/

/*BOF PERSONNALISATION PAGE MON PROFIL  */
.login-fields label{font-weight:400;}
.login-fields input{width:270px;}
#remember-dd,#remember-dt{display:inline-block;}
.custom-control-label{ margin-bottom:6px;}

/****************************************/
/* CREATION DE VOTRE COMPTE UTILISATEUR */ 
.pre_text{		font-weight: bold;		font-size: 22px;		color: #4D4D4D;		padding-bottom:1.5rem;	}
fieldset#default legend, fieldset#profile legend{	display:none;	}	
form#member-registration fieldset dl dt {font-weight:400;}
select#jform_profile_civilite, select#jform_profile_adhesion, select#jform_profile_tos{	color:grey;	}
fieldset#profile_news legend, fieldset#profile_news_adherents legend{font-size: 2rem;	color: #f4690b;	position:relative;margin:20px 0;}
fieldset#profile_news legend span, fieldset#profile_news_adherents legend span {position: absolute;    border: 2px solid;    width: 40px;    left: 0px;    bottom: 0px;}

#jform_profile_civilite,
#s2id_jform_profile_commune,
#jform_profile_adhesion,
#jform_profile_tos{max-width:294px;}

.orangeSpan {color: #f4690b;		position: relative;		border: 3px solid;		width: 40px;		top: -20px;		display: inline-block;}
.cancel	{background-color: #a5a8aa; color: #fff;	}
	
.registration_disclamer	{		background-color: #f3f4f4;		color: #4D4D4D;		padding: 2rem;	}
.registration_disclamer .title{ font-weight:bold;padding-bottom:20px;}
.registration_disclamer .link { padding-top : 20px; }
.registration_disclamer .link a{ text-decoration:underline;}


#s2id_jform_profile_commune.select2-container 	{width: 100%;}
#s2id_jform_profile_commune.select2-container 		.select2-choice { background:white; color: grey; font-size: 1rem; line-height: 38px; height: 38px; border: 1px solid #ccc; box-shadow: 0px 0px 1px #aaa; border-radius: 4px;padding-left: 15px;}
#s2id_jform_profile_commune.select2-dropdown-open .select2-choice { border-radius:4px 4px 0px 0px;}
#s2id_jform_profile_commune.select2-container 		.select2-choice .select2-arrow{width: 30px;background:transparent;border:0px;}	
#s2id_jform_profile_commune.select2-container 		.select2-choice .select2-arrow b{	background:url(../images/down-arrow.png) no-repeat 5px 6px;     background-size: 25px;}
#s2id_jform_profile_commune.select2-dropdown-open 	.select2-choice .select2-arrow b{background:url(../images/up-arrow.png) no-repeat 5px 6px; background-size: 25px;}	

#select2-drop .select2-results .select2-no-results {    background: #f4f4f4;    display: list-item; font-style:italic;font-size:0.9rem;}
#select2-drop.select2-drop-active {border-color: #ccc;}
/*EOF CODE MICHAEL*/

/*******************************/
/* COM_ATMO / HISTORIQUE INDICE*/
/*******************************/
#sbox-window .atmo_connect {display:block;background:#fff;}
#sbox-window .atmo_connect form{padding:20px;}
#sbox-window .atmo_connect .userdata label{display:block}
#sbox-window .atmo_connect h3 {color:#334C93;}
#sbox-window .atmo_connect a {text-decoration:underline;}
.atmo_connect {display: none;}
body.content .atmo_search h2 span {	display:none; /*position: absolute;    border: 0px;    border-top: 4px solid;    width: 40px;    left: 50px;    bottom: -5px;	margin:0;*/}

.atmo_search .atmo_results table thead,
.atmo_search .atmo_results table tbody {	background-color: #334c93;	color: #fff;	text-align: left;}
.atmo_search .atmo_results table tbody.tablebody2 {	background-color: #fff;	color: #212529;}
.table th, .table td {    border-top: 0px solid #dee2e6;}
.atmo_search_step {	background-color: #f4690b;    float: left;    font-size: 25px;    color: #fff;    border-radius: 50%;    padding: 0 12px;    margin-right: 10px;}
.atmo_search_step.step-lg {padding: 0 7px;}
.atmo_search_step.step-lg2 {padding: 0 6px;}
.atmo_search_step_check {	background-color: #f4690b;    float: left;    font-size: 25px;    color: #fff;    border-radius: 50%;    padding: 0 6px;    margin-right: 12px;}
.atmo_form .atmo_search_field .atmo_search_row1 label {	font-weight: bold;	font-size: 22px;	color: #4D4D4D;}
.atmo_form .atmo_search_field.cgu .atmo_search_row1 label {	font-size:18px;}
.atmo_search_field {	margin-bottom: 25px;}
.atmo_search .atmo_results .export {	display: block;    text-align: center;}

/*************************/
/* COM_ATMO / PREVISION  */
/*************************/
.atmo_search h3{	color:#f4690b;	position:relative;}
.atmo_search h3 span {	position: absolute;    border: 2px solid;    width: 40px;    left: 50px;    bottom: -5px;}
.atmo_search .atmo-btn{display:block;margin:20px auto;}
.atmo_search .atmo_results .btn{    margin: 20px auto;    display: block;   max-width: 260px;}
.atmo_search .atmo_results.emissions .btn{    margin: 20px auto;    display: inline-block;   max-width: none;}


/************************/
/** COM_ATMO / ALERTES **/
/************************/
.atmo_search_help_step { font-size:1.3rem; color:#f4690b;display:block;font-weight:bold; 	}
.atmo_search_help_label { font-weight:bold;}
#com_atmo_alertes .atmo_results h2 {}
#com_atmo_alertes .atmo_search_row1{margin-bottom:10px;}
#com_atmo_alertes .atmo_search_row1 label {	font-size: 22px; font-weight:400; color:#f4690b;	position:relative;}
#com_atmo_alertes .atmo_search_row1 label span.underline { position: absolute;    border: 2px solid;    width: 40px;    left: 0px;    bottom: -5px;}
#com_atmo_alertes .lnk-alerte-pdf {font-size: 2.5rem;}
#com_atmo_alertes .list_zone {padding-left: 15px;}


/************************/
/* COM_ATMO / DOCSEARCH */
/************************/

#docman_filtre_keywords{width:100%;    background: url(/templates/atmoHDF2019/images/searchButton.png) no-repeat;    background-position: top 5px right 5px;    background-size: 22px;}

body.content .com_docman .blog_item{border: 1px solid #28B5E5;    border-radius: 38px;}
		body.content .com_docman .blog_item_image img {max-width:100px;}
		body.content .com_docman .blog_item_date {color:#4D4D4D; font-style:italic;font-size:0.9rem;}
		body.content .com_docman .blog_item_category {color:#334C93; font-weight:bold ;text-transform:uppercase;font-size:1rem;}
		body.content .com_docman .blog_item_title {color:#4D4D4D; font-weight:bold;font-size:1.2rem;}
		body.content .com_docman .blog_item_title a {color:#4D4D4D; font-weight:bold;font-size:1.2rem;}
		body.content .com_docman .blog_item_desc {color:#4D4D4D; font-size:0.9rem;}


/************************/
/* COM_ATMO / FAQSEARCH */
/************************/
body.content .com_docman .faq_bloc {}
	body.content .com_docman .faq_bloc h2 {padding-right:50px;font-size:1.2rem;}
	body.content .com_docman .faq_bloc h2.no-desc {padding-right:0px;}
		body.content .com_docman a > h2 > img {    position: absolute;    top: 0px;    right: 0px;     width: 50px;    height: 85px;}
		body.content .com_docman a > h2 > img {width:30px;height:30px;position:absolute;-webkit-transition: all 0.25s ease-in-out;    -moz-transition: all 0.25s ease-in-out;    -ms-transition: all 0.25s ease-in-out;    -o-transition: all 0.25s ease-in-out;    transition: all 0.25s ease-in-out;}
		body.content .com_docman a > h2 >  img.plus,
		body.content .com_docman a:hover > h2 > img.moins,
		body.content .com_docman a.active > h2 >  img.moins	{opacity:1;}
		body.content .com_docman a > h2 > img.moins,
		body.content .com_docman a:hover > h2 > img.plus,	
		body.content .com_docman a.active > h2 > img.plus	{opacity:0;}
	body.content .com_docman .faq_description {}
	body.content .com_docman .faq_description .btn.btn-primary a {color:#fff;}
	body.content .com_docman .faq_download {display: block;    padding: 10px 0;    text-align: right;}

	body.content .com_docman .docman-filters-faq select.active,
	body.content .com_docman .docman-filters-faq input.active	{ border: 2px solid #28b5e5;    margin-top: -1px;}

#carouselFavoris .block-favoris-container > a {color:#4d4d4d;}

/*******************************************************************************************************/
/* 											RESPONSIVE 												   */
/*******************************************************************************************************/
@media (max-width: 360px) {
	
	div.pagination ul li.pagination-prev span.active, 
	div.pagination ul li.pagination-next span.active, 
	div.pagination ul li span, 
	div.pagination ul li a{padding:10px;}
}
@media (max-width: 575px) {
	/*general*/
	h2 {margin-bottom: 25px;}
	
	#hamburger-sidebar {width: 100%;}	
			
	/*HP WRAPPER*/
	#hp_wrapper.container-fluid {padding: 0 15px;}
	#hp_wrapper .container {padding-right: 0;		padding-left: 0;	}
	#hp_wrapper .quicklinks {margin: 40px 0 55px;}	
		#hp_wrapper .quicklinks .block {margin-bottom: 20px;}
		#hp_wrapper .quicklinks .block .shadow {min-height: 55px;	display: inline-flex;	width: 100%; padding: 25px 15px; }
		#hp_wrapper .quicklinks .block .shadow img { margin: 0 10px 0 0;}
		#hp_wrapper .quicklinks .block p { font-size: 18px;	line-height: initial; text-align: left;	margin: auto 0;	}
		
	.abonnement .block-right a.btn { display: block;width: 75%;margin: 35px auto 35px;}
	.abonnement .block-right .social img {width: 15%;display: inline-block;}
	.abonnement .block-right .social {text-align: center;}
	.abonnement .block-left img {max-width: 50%;}
	.latestnews .row {display: block;}
	#atmo_news .latestnews .atmo_actu .atmo_main a {font-size: 18px;line-height: 22px;}
	#atmo_news .latestnews .atmo_actu .atmo_main span.event-date {font-size: 18px;	line-height: 18px;margin-bottom: 10px;	}
	#atmo_news .latestnews .atmo_actu .atmo_main {min-height: 115px;}
	#atmo_news h2 a {font-size: 0px;}
	#atmo_news h2 a img {margin-top: 0px;width: 50%;}
	
	/*Footer*/
	footer #top-footer {background-size: 200%;	background-position: 15% top;padding-bottom: 230px;}
	#menu-footer .moduletable {	text-align: center;}
	#copyright .copy, 
	#copyright .mentions, 
	#copyright .social {text-align: center;	margin-bottom: 0; margin-top: 20px;}
	#copyright .container .social img { margin: 0px 5px 0px;	width: 10%;	}
	
	#totop { background-size: 50%;	width: 25px;	height: 25px;	padding: 45px 25px;	right: 0px;	display: none;}
	
	/*Page classique*/
	.img-panoramic img, .item_content img {	max-width: 100%;margin-bottom: 25px;height: auto;}
	.item_content img {	margin-top: 25px;}
	.content #wrapper article {	width: 100%;}
	.socialshare img {	max-width: 40px;margin: 0px 10px;}
	.breadcrumbs a, .breadcrumbs span {	font-size: 11px;}
	.content h1 {	font-size: 25px;line-height: 28px;}
	.content h2 {	font-size: 22px;line-height: 25px;}
	
	a.link-fav-mobile {	display: block;}	
}
@media (min-width: 360px)  {
	#sbox-window {width:360px!important;left:50%!important;margin-left:-180px;}
	/*#sbox-window #sbox-btn-close {    left: -30px;    top: -30px;}*/
}
@media (min-width: 576px)  {
	#sbox-window {width:500px!important;left:50%!important;margin-left:-250px;}
	/*Header*/
	.logo-atmo img { max-width: 60%;	margin-top: 5px;}
	.breadcrumbs a.pathway img {max-width: 100%;}
	body.content .blog .blog_item_title{font-size:1.5rem}
	footer .menu-acceder{ margin-top:-170px;}
	footer .menuagir{ margin-top:-150px;}
	footer #copyright .container {	border-top: 1px solid #fff;}
}

@media (min-width: 576px) AND (max-width: 1024px) {
	.socialshare img {	max-width: 40px;margin: 0px 10px;}
	.content #wrapper article {	width: 100%;}
	/*Header*/
	#header .slogan {font-size: 25px;/*text-align: center;*/}
		
	/*HP WRAPPER*/
	#hp_wrapper .quicklinks .block .shadow {min-height: 150px;}
	#atmo_news .latestnews .atmo_actu {	margin-bottom: 40px;padding: 0 15px;}
	#atmo_news .latestnews .atmo_actu .atmo_main span.event-date {	font-size: 18px;line-height: 20px;	margin-bottom: 10px;}
	#atmo_news .latestnews .atmo_actu .atmo_main a {font-size: 16px;line-height: 20px;}	
	#totop {right: 5px;}	
	
	/*Footer*/
	footer #copyright .container .social img {max-width: 48px;}
	footer a {color: #fff;font-size: 15px;line-height: 20px;}
}
@media (min-width: 768px){	
	footer .menu-acceder{ margin-top:-160px;}
	footer .menuagir{ margin-top:-160px;}
	#sbox-window {width:700px!important;left:50%!important;margin-left:-350px;}
	#sbox-window #sbox-btn-close {left: -15px; margin-left: -15px; top: -30px;}
	.logo-atmo img { max-width: 100%;max-height: 70px;}
}
@media (min-width:840px){
	.mfp-close-btn-in  .mfp-content .mfp-close,
	.mfp-iframe-holder .mfp-content .mfp-close,
	.mfp-content .mfp-close{left: -20px; margin-left:0;}
}
@media (min-width: 992px){
	#topbar .moduletable.search{ flex: 0 0 10%;	max-width: 10%;	display:block;} 
	#topbar .moduletable.language{ flex: 0 0 20%;max-width: 20%;display:block;	} 
	#topbar .moduletable.language a{width:35%;	display:inline-block;padding-top: 5px;}
	#topbar .moduletable.social-top{flex: 0 0 30%;	max-width: 30%;	display:block;}
	#topbar .moduletable.social-top a{	width:25%;	display:inline-block;}
	#topbar .moduletable.social-top img{width:35px;min-height:35px;}
	#topbar .moduletable.btn-favoris-header {display:none;}
	#topbar .moduletable.login{flex: 0 0 30%;max-width: 30%;}
	#topbar .moduletable.login .custom.login{padding-top: 5px;}
	#topbar .moduletable.login a.link-connect{display: inline-block; }
	#topbar .moduletable.login a.img-connect img{width:20px;margin:0;min-height:28px;}
	#topbar .moduletable .logout-button button span{display:inline-block;}
	#topbar .moduletable .logout-button button img{width:20px;min-height:28px;}
	#topbar .moduletable .logout-button button {margin-top: 5px;}
	
	body.content .blog .blog_item_title{font-size:1rem;}
	body.content .blog .blog_item_created{font-size:0.7rem;}
	body.content .blog .blog_item_desc {font-size:0.9rem;}
	body.content .blog .blog_item_readmore {font-size:0.8rem; text-decoration:underline;}
	.atmo_search .atmo_results .btn{margin:30px 0;}
	.atmo_search .atmo-btn{margin:30px 0;}
	.atmo_search select{max-width:500px;}
	#sbox-window {width:800px!important;left:50%!important;margin-left:-400px;}
	#profile > dl > div.jform_profile_commune.atmo_search > dd{max-width:500px;}
	.logo-atmo img { max-height: 100%;}
}
@media (min-width: 768px) AND (max-width: 1024px) {
	/*HP WRAPPER*/	
	.abonnement .block-right .social img {max-width: 55px;}
	
	/*?*/
	.socialshare img {	max-width: 40px;margin: 0px 10px;}	
	.content #wrapper article {	width: 100%;}
}
@media (min-width: 1024px){
	#topbar .search-container {	position: relative;	right: 0;top: 0px;	width: auto;display:block;}
}
@media (min-width: 1024px) AND (max-width: 1440px) {
	/*HEADER*/
	#header .slogan { font-size: 22px;	padding: 15px;}
	.logo-atmo {padding: 10px;}
			
	/*HP WRAPPER*/
	#hp_wrapper .quicklinks .block .shadow {min-height: 165px;}
	#hp_wrapper .quicklinks .block p {font-size: 15px;	line-height: 22px;}
	#hp_wrapper .quicklinks .block {padding: 15px;}
	#atmo_news .latestnews .atmo_actu {margin-bottom: 40px;	padding: 15px;}
	#atmo_news .latestnews .atmo_actu .atmo_main span.event-date {font-size: 16px;	line-height: 20px;	margin-bottom: 10px;}
	#atmo_news .latestnews .atmo_actu .atmo_main a {font-size: 18px;line-height: 20px;}
	#atmo_news .latestnews .atmo_actu .atmo_main {min-height: 120px;}
	
	/*Footer*/
	footer #copyright .container .social img {margin: -15px 0px 0;}
	
	/*?*/
	.socialshare img {max-width: 55px;margin: 0 15px;}
}

@media (min-width: 1440px) {
	/*HEADER*/
	#header .slogan {font-size: 24px;padding: 15px;}
	.logo-atmo img {max-width: 100%;padding: 0 15px 15px;}
	/*FOOTER*/
	footer #copyright .col-md-3, footer #copyright .col-md-6 {padding: 0 15px;	margin-bottom: 25px;}
	
	/*?*/
	.socialshare img {max-width: 55px;	margin: 0 15px;}
	footer #lnk-footer-publication{margin-top:50px;}
	footer .menu-acceder{ margin-top:0px;}
	footer .menuagir{ margin-top:0px;}
}