:root {
  --bleuclair: #009cb8;
  --bleucanard: #1c7f93;
  --bleumarine: #062a77;
  --orange: #fd7e14;
  --blanc: #fff;
}



body{
    font-family: 'Roboto', sans-serif;
    font-weight:400;
    min-width:320px;
    color:#272727;
    line-height:1.2;
    font-size:16px;
    background:#fff;
}

/*---------------------classes récurentes--------------------*/
.haut1,
.haut10,
.haut20,
.haut30,
.haut40,
.haut60{
	display:block;
}
.haut1{
	height:1px;
}
.haut10{
	height:10px;
}
.haut20{
	height:20px;
}
.haut30{
	height:30px;
}
.haut40{
	height:40px;
}
.haut60{
	height:60px;
}

a, a:hover, a:active, a:visited{
	text-decoration:none;
}
/*ul{
    list-style:none;
}*/
img.img-resp, .img-resp img{
    max-width:100%;
    height:auto;
}

.visuel img{
    width:100%;
    height:auto;
    margin-top:40px;
    margin-bottom:10px;
}

h1, h2, h3, h4, h5, h6, .police{
    font-family: 'Raleway', sans-serif;
}


.orange,
.color-orange {
  color: #fd7e14;
}

.color-bleu,
.bleuclair{
    color: var(--bleuclair);
}
.bleucanard{
    color: var(--bleucanard);
}
.bleumarine{
    color: var(--bleumarine);
}
.bold{
    font-weight: 500;
}

/*----------------editeur-------------------------*/
	
.editeur a {
    color:var(--bleuclair);
}
.editeur a > span.bleumarine:hover,
.editeur a > span.bleuclair:hover,
.editeur a > span.canard:hover,
.editeur a:hover {
    color:var(--orange);
}
	
/*.editeur ul{
    list-style:disc;
    list-style-position:outside;
	
}
.editeur ul li ul{
    list-style:circle;
    list-style-position:outside;
}*/	
.stripped:nth-child(even){
    background: #EFEEEA;
    padding: 15px;
}
.editeur h2{
    text-transform: uppercase;
}

.editeur .fleche{
    text-align: center;
}
.editeur .fleche::before, 
.editeur .fleche::after{
    content:'';
    display:block;
    height:30px;
    width:50px;
    margin:auto;
    background:url(../img/fleche_bas.png) no-repeat center center;
}
.editeur .fleche::after{
    background:url(../img/fleche_haut.png) no-repeat center center;
}


.ampoule-editeur,
.telecharger,
.message-editeur,
.note,
.agenda-editeur,
.graphe-editeur,
.porte-voix,
.attention,
.loupe,
.epingle,
.acces-pro{
    position: relative;
    padding-left: 45px;
}

.ampoule-editeur:before,
.telecharger:before,
.message-editeur:before,
.note:before,
.agenda-editeur:before,
.graphe-editeur:before,
.porte-voix:before,
.attention:before,
.loupe:before,
.epingle:before,
.acces-pro:before{
    content:'';
    display: inline-block;
    background: url(../img/icone-cadenas-bleu.png) no-repeat;
    background-size: contain;
    margin-right: 5px;
    height: 40px;
    width: 40px;
    position: absolute;
    bottom :-2px;
    left: 0;
}

.porte-voix:before{
    background: url(../img/icone-porte-voix.png) no-repeat;
}
.attention:before{
    background: url(../img/icone-attention.png) no-repeat;
}

.epingle:before{
    background: url(../img/icone-epingle.png) no-repeat;
}
.loupe:before{
    background: url(../img/icone-loupe-editeur.png) no-repeat;
}
.graphe-editeur:before{
    background: url(../img/icone-graphe-editeur.png) no-repeat;
}
.agenda-editeur:before{
    background: url(../img/icone-agenda-editeur.png) no-repeat;
}
.note:before{
    background: url(../img/icone-note.png) no-repeat;
}
.message-editeur:before{
    background: url(../img/icone-message-editeur.png) no-repeat;
}
.telecharger:before{
    background: url(../img/icone-telechargement.png) no-repeat;
}
.ampoule-editeur:before{
    background: url(../img/icone-ampoule-editeur.png) no-repeat;
}

.souligne-gris{
    border-bottom: 2px solid var(--gris);
    padding-bottom: 7px;
    line-height: 1.6;
}

.liste-dates ul{
    padding-left:48px;
}
.ampoule{
    background: url(../img/icone-ampoule.png) no-repeat left center;
    padding-left: 34px;
}
.ampoule p{
    margin-bottom: 3px;
}



/*----------------------entete-----------------------*/
.region-entete{
	margin-top:-10px;
}
.fond_entete{
	height:315px;
	width:100%;
	background:url(../img/fond_entete.jpg) bottom -40px center no-repeat;
	background-color: #00a5bf;
	margin-top:-86px;
	display:flex;
	align-items:center;
	justify-content:center;
}

.fond_entete h1{
	color:#fff;
	font-size:50px;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	position:relative;
	top:-10px;
}
.fond_entete span{
	color:#fff;
	font-size:38px;
	font-weight:500;
}
.logo{
	text-align: center;
	/*background: url(../img/fond_logo_entete.png) center bottom no-repeat;*/
	height: 140px;
}
.logo img{
	position:relative;
	top:-9px;
}



 p.formulaire_login{
	margin:0px 5px; 
	border-radius:10px;
	width:auto;  
	max-width:100%;  
	background:#000;  
	display:inline-block;
	padding:5px 10px 5px;
	font-weight:500;
}
.formulaire_newsletter{
	width:auto;  
	max-width:100%;  
	display:inline-block;
}
p.formulaire_login{
 	background: var(--bleuclair);
	margin-left:30px;
}

p.formulaire_login:hover{  
	background:var(--bleumarine);
}

.formulaire_newsletter a, .formulaire_login a{ 
	color:#fff; 
	font-family: 'Raleway', sans-serif;
	text-align:center;
}
.newsletter-footer{
    display: none;
}

/*-----------------------navigation menu-principal-------------------*/	
	.menu-principal-mobile{
		display:none;
	}
	.menu-principal{
		margin-top:-82px;
		background:#FFF;
	}
	.menu-principal .nav-tabs .nav-link.active, 
	.menu-principal.nav-tabs .nav-item.show .nav-link {
		color: #fff;
		background-color: #000;
		border: 1px solid transparent;
	}
	
	.menu-principal .nav-tabs .nav-link {
		border: 1px solid transparent;
		border-top-left-radius: 0;
		border-top-right-radius: 0;
		background-color: var(--bleucanard);
		color: #fff;
		padding:10px 0;
		text-transform:uppercase;
		font-family: 'Raleway', sans-serif;
		font-size:22px;
	}
	
	.menu-principal .nav-tabs .nav-link:hover, 
	.menu-principal .nav-tabs .nav-link:focus {
		border: 1px solid transparent;
		color: #fff;
	}
	.menu-principal input[type="text"],
	.menu-principal-mobile input[type="text"]{
		border-radius: 10px;
		height:45px;
		margin-right:10px;
		padding-left:10px;
		border:1px solid #d9d9d9;
		display:inline-block;
		line-height:normal;
		vertical-align:middle;
		width:70%;
	}
	.menu-principal input[type="text"]:focus,
	.menu-principal-mobile input[type="text"]:focus{
		outline:none;
	}
	
	#form_recherche_1{
		height: 70px;
		line-height:70px;
	}
	.bt-rechercher{
		border-radius: 100%;
		height:45px;
		width:45px;
		border:none;
		display:inline-block;
		background:url(../img/icone_loupe.png) no-repeat center center;
		background-color:#009cb8;
		line-height:normal;
		vertical-align:middle;
	}
        .bt-rechercher.disabled{
		opacity: 0.5;
		
	}
	.menu-principal .recherche{
		display:inline-block;
		height:70px;
		line-height:70px;
	}
	.menu-principal .recherche a{
		display:inline-block;
		vertical-align:middle;
		line-height:normal;
		color:#000;
		font-size:16px;
		font-weight:500;
		font-family: 'Raleway', sans-serif;
		height:50px;
		padding:14px 20px;
	}
	.menu-principal .recherche.donnees-detaillees a{
		padding:14px 26px;
	}
	
	.bordure-droite1,
	.bordure-droite2{
		border-right: 2px solid #e5e5e5;
		position:relative;
	}
	.menu-principal .recherche a:hover, .menu-principal .recherche a:active{
		color:var(--bleuclair);
	}
	.menu-principal .tab-content{
		border-bottom:2px solid var(--bleucanard);
	}
        .fond-grisclair{
            background: #F7F7F5;
        }
        
      
	/*-----------------------page d'accueil-------------------*/
	.double-block-gris-gauche {
		background-image: url(../img/bg-content-gris.jpg);
		background-size: 100% 1px;
		background-repeat: repeat-y;
	}
	.double-block-gris-droite {
		background-image: url(../img/bg-content.png);
		background-size: 100% 1px;
		background-repeat: repeat-y;
	}
	
	.fond_gris{
		background:#efeeea;	
	}
	.source {
	  position: absolute;
	  z-index: 1070;
	  display: none;
	  margin: 0;
	  background:#000;
	  color:#FFF;
	  font-size:15px;
	  font-weight:400;
	  padding:5px 10px;
	  width:230px;
	  left:40px;
	  text-align:center;
	  border-radius:5px;
	}
	.bordure-droite1 .source{
		top:45px;
		left:0;
		width:auto;
	}
	
	.gros-chiffres:hover .source,
	.bordure-droite1:hover .source{
	  opacity: 0.9;
	  display:block;
	}
	.source:before {
	  content:'\25B2';
	  position:absolute;
	  top:-15px;
	  color:#000;
	  left:20px;
	}

	
	.chiffres-cles h2 {
		text-transform: uppercase;
		font-size: 34px;
		font-weight: 500;
		margin-bottom: 22px;
	}
	.gros-chiffres{
		color:var(--bleumarine);
		font-weight: 500;
		font-size:48px;
		margin-bottom:22px;
		position:relative;
	}
	
	.separation-chiffres:hover .gros-chiffres,
	.separation-chiffres:hover .chiffre-libelle{
		color:var(--orange);
	}
	
	.chiffre-libelle{
		font-size: 22px;
		text-transform: uppercase;
		font-weight:500;
	}
	.separation-publication{
		padding-top:12px;
	}
	.separation-chiffres:after{
		content:'';
		display:inline-block;
		height: 4px;
		width: 90px;
		background: #e5e5e5;
		position:relative;
		bottom:8px;
	}
	
	
	.chiffre-libelle{
		font-family: 'Raleway', sans-serif;
	}
	.publication-date{
		font-size:16px;
		font-weight:500;
		margin-bottom:0;
		padding-left:3px;
	}
	.publication-libelle{
		font-size:18px;
		padding-left:3px;
	}
	.publication-libelle:hover{
		color:#fff;
		background:#000;
	}
	
	/*----------------------zoom sur--------------------------*/
	
	
	.fond_zoom{
		background:url(../img/fond_zoom.png) no-repeat left top;
		padding-top:40px;
	}
		
	.fond_zoom h2, .thematiques h2, .titre_thematique h2{
		font-size:48px;
		font-weight:500;
		text-transform:uppercase;
		margin-top:50px;
	}
	.fond_zoom h2{
		margin-top:20px;
		margin-bottom:-20px;
	}
	.titre_thematique h2{
		font-size:40px;
		color:var(--bleucanard);
	}
	.fond_zoom h3, .fond_zoom h4{
		font-size:30px;
		color:var(--bleuclair);
		text-transform:uppercase;
		margin-top:10px;
	}
	.fond_zoom h4{
		font-size:20px;
	}
	
	.zoom_image img{
		max-width:100%;
                border: 1px solid #ccc;
	}
	.zoom_image:hover img{
		box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7), -1px 2px 20px rgba(255, 255, 255, 0.6) inset; 
	}
	.zoom_image:hover h3, 
        .zoom_image:hover h4{
		color:var(--orange);
	}
	.fond_blanc{
		background:#FFF;
	}
	.diagnostic{
		color:var(--bleuclair);
		font-size:40px;
		text-transform:uppercase;
		font-weight:500;
		font-family: 'Raleway', sans-serif;
		margin-top:25px;
	}
	.diagnostic_territorial:hover .image_diagnostic{
		-webkit-filter: contrast(98%) saturate(138%) hue-rotate(197deg);
		-moz-filter:contrast(98%) saturate(138%) hue-rotate(197deg);
  		filter: contrast(98%) saturate(138%) hue-rotate(197deg);
		
		
	}
	.diagnostic_territorial:hover .diagnostic{
		color:var(--orange);
	}
	.zone{
		color:#000000;
		font-size:19px;
		text-transform:none;
		font-weight:500;
		font-family: 'Raleway', sans-serif;
		position:relative;
		top:-15px;
	}
	
	/*-----------------------grandes thématiques-------------------*/
	
	.fond_thematiques{
		background:url(../img/fond_thematiques.jpg) no-repeat center top;
		padding-top:50px;
	}
	
	.icones_theme h3{
		font-size:20px;
		color:#000000;
		margin-top:10px;
	}
	.icones_theme img{
		-webkit-filter: invert(50%) sepia(69%) saturate(3246%) hue-rotate(156deg) brightness(88%) contrast(101%);
		filter: invert(50%) sepia(69%) saturate(3246%) hue-rotate(156deg) brightness(88%) contrast(101%);
	}
	
	.icones_theme:hover img{
		-webkit-filter: invert(57%) sepia(23%) saturate(4738%) hue-rotate(351deg) brightness(101%) contrast(98%);
		filter: invert(57%) sepia(23%) saturate(4738%) hue-rotate(351deg) brightness(101%) contrast(98%);
		
	}
	
	.icones_theme:hover h3{
		color:var(--orange);
	}
	.icones_theme img{
		position: relative;  
        top: 0;  
        transition: top 0.2s ease-out;
	}
	.icones_theme:hover img{
		top: -10px; 
	}
	
	
	.bulle{
		border-radius:100%;
		width:200px;
		height:200px;
		border:4px solid var(--bleuclair);
		padding:0 22px;
		margin:12px;
		display:flex;
		align-items : center;
		justify-content: center;
	}
	.bulle:hover{
		border:4px solid var(--orange);
		background: #fff;
	}
	.bulle h3{
		text-align:center;
		margin:0;
		font-size:20px;
		color:var(--bleucanard);
	}
	.bulle:hover h3{
		color: var(--orange);
	}
        .custom-tooltip-large .tooltip-inner { 
            text-align: left;
            max-width: 320px;
        }
	
/*-----------------------mode liste-------------------*/	
	
	.fond_recherche_liste{
		background:#EFEEEA;
		position:relative;
		top:-40px;
		height:55px;
		z-index:-2;
	}
	.recherche_liste{
		background:#EFEEEA;
		padding-bottom:20px;
		position:relative;
		top:-40px;
	}
	.recherche_liste_niveau2,
	.liste_resultats{
		position:relative;
		top:-20px;
	}
	.etiquette{
		text-transform:uppercase;
		font-size:18px;
		font-weight:bold;
		font-family: 'Raleway', sans-serif;
		margin-bottom:0;
		display: flex;
   		align-items: center;
		justify-content: center;
		height:68px;
	}
	.etiquette2{
		font-size:18px;
		font-weight:bold;
		font-family: 'Raleway', sans-serif;
		margin-bottom:0;
		display: block;
	}
	
	.recherche_liste select,
	.recherche_liste_niveau2 select{
		border-radius: 10px;
	}
	.bt_recherche_liste input[type="submit"]{
		background:url(../img/icone_loupe.png) no-repeat 125px center;
		background-color:#000;
		border:none;
		color:#fff;
		height:50px;
		width:160px;
		font-family: 'Raleway', sans-serif;
		font-weight:500;
		text-align:left;
		padding-left:12px;
		position:relative;
		top:62px;
	}
	
	.resultat, .label_affiner{
		color:var(--bleuclair);
		font-size:16px;
		font-weight:bold;
	}
	.chiffre_resultat{
		font-size:24px;
	}
	.label_affiner{
		color:#000;
		font-weight:500;
                margin-bottom: 0;
	}
	
	.select-wrapper, 
	.select-wrapper2,
	.select-wrapper-etendu{
		display: inline-block;           
		position:relative;
		top:10px; 
		border-radius:10px;
		width:100%;
		text-align:left;
		height: 50px;
		line-height: 3;
		overflow: hidden;
	}
	
	.select-wrapper-etendu {
		height:100%;
	}

	 option:hover{
		background:#1e90ff;
		color:#fff;
	}
	
	.select-wrapper2{        
		position:relative;
		top:0; 
	}
	.separateur {
		border-right: 2px solid #e5e5e5;
	}

	.select-wrapper-etendu select,
	.select-wrapper select, 
	.select-wrapper2 select{
	  -webkit-appearance: none;
	  -moz-appearance: none;
	  -ms-appearance: none;
	  appearance: none;
	  outline: 0;
	  box-shadow: none;
	  border: 1px solid #c0c0c0;
	  width: 100%;
	  height: 100%;
	  margin: 0;
	  padding:0 0 0 5px;
	  cursor: pointer;
	}
	
	
	.select-wrapper-etendu option,
	.select-wrapper option, 
	.select-wrapper2 option{
		padding:4px;
	}
	select::-ms-expand {
	  display: none;
	}
	
	.select-wrapper::after,
	.select-wrapper2::after {
	  content: '';
	  position: absolute;
	  top: 0;
	  right: 5px;
	  padding: 0 1em;
	  background: url(../img/fleche_select.png) no-repeat right center;
	  height:50px;
	  display:inline-block;
	  pointer-events: none;
	}
	
	
	.select-wrapper-etendu::after {
	  content: '';
	  position: absolute;
	  top: 0;
	  right: 5px;
	  bottom: 0;
	  padding: 0 1em;
	  display:inline-block;
	  pointer-events: none;
	}
	
	
	.liste_stripped:nth-child(even),
	.liste_stripped:nth-child(odd){
		padding:10px 0;
	}
        .liste_stripped:nth-child(odd){
		background: #f7f7f5;
	}
        
	.liste_vignettes h5, .archives{
		font-family: 'Raleway', sans-serif;
	}
	.liste_vignettes h4{
		font-size:18px;
		color: var(--bleuclair);
		font-weight:bold;
		display:inline-block;
		font-family: 'Roboto', sans-serif;
	}
	.liste_vignettes h4:hover{
		color: var(--orange);
	}
	
	.vignette:hover {
		cursor:pointer
	}
	.vignette img {
		border:1px solid #999;
	}
	.liste_vignettes h5{
		font-size:16px;
	}
	.archives {
		text-align: center;
		color: var(--bleuclair);
		background: url(../img/archives.png) no-repeat center top;
		height: 100px;
		padding-top: 67px;
		font-weight: bold;
	}
        .archives a {
            color: var(--bleuclair);
        }
        .modal-title{
            color:var(--bleucanard);
        }
	
	.pagination{
		display:inline-block;	
		margin:auto;
	}
	.pagination a{
		display:inline-block;
		color:var(--bleuclair);
		padding:4px 4px 0;
		width:30px;
		height:30px;
		margin:5px 4px;
		border-radius: 100%;
		border:1px solid var(--bleuclair);
                display: inline-block;
	}
        .pagination a.premier,
        .pagination a.premier:hover{
            width: auto;
            border: none;
            background: none;
            color: var(--bleuclair);
        }
	.bt_archives a, .bt_archives input[type="submit"]{
		color:var(--bleuclair);
		padding:6px 12px;
		border:1px solid var(--bleuclair);
		border-radius:20px;
		background:#fff;
		display:inline-block;
	}
	
	.pagination a.current, .pagination a:active, .pagination a:hover,
	.bt_archives a:active, .bt_archives a:hover, .bt_archives input[type="submit"]:hover{
		color:#fff;
		border:1px solid var(--bleuclair);
		background:var(--bleuclair);
	}
	.cadenas{
		margin-left:5px;
	}
	
/*-----------------------contact-------------------*/	
#form-contact{
	width:100%;
}
#form-contact input[type='text'], 
#form-contact textarea,
#form-contact input[type='email']{
	display:inline-block;
	width:100%;
	border:1px solid var(--bleuclair);
	padding:3px 5px;
	height:40px;
	border-radius:8px;
	margin:10px 0;
        font-size: 18px;
	}
#form-contact textarea{
	padding:6px 5px;
}
#form-contact textarea[id='message']{
	height:100px;
}
#form-contact input::placeholder{
    font-size: 18px;
}
.g-recaptcha{
	display:inline-block;
}
/*-----------------------footer-------------------*/	
	
footer{
        background-color: #e5e2db;
        padding:20px 0 60px;
        margin-top:100px;
}
footer img{
        margin:0 5px;
}
footer ul{
        padding-left:0;
}
footer li{
        padding:5px 0;
}
footer li a{
        color:#000;
        font-size:16px;
        white-space: nowrap;   
} 
footer li a:hover{
        color:var(--bleuclair);
} 
.logo-footer {
        position:relative;
}
.logo-footer img{
        position: absolute;
        bottom:-165px;
}

footer .liens p a,
footer .liens p{
    color:var(--bleuclair);
}
	
footer .liens a{
    display: inline-block;
    margin:15px 10px 0;
}	

/*-----------------------responsive-------------------*/

@media (max-width: 1199px) {
	
	/*-----------------------entete 1199-------------------*/	
	
	.fond_entete {
		height: 305px;
	}
	
	.logo img {
		position: relative;
		top: 5px;
	}
	/*-----------------------menu-principal 1199-------------------*/
		
	.menu-principal .recherche a,
	.menu-principal .recherche.donnees-detaillees a{
		padding:14px 10px;
	}

	
	.menu-principal .nav-tabs .nav-link {
		font-size:22px;
	}
	
	.menu-principal .recherche a.recherche-croisee{
		display:none;
	}
	.bordure-droite2{
		border-right:none;
	}
	
	.gros-chiffres {
		font-size: 38px;
	}
        .chiffres-cles h2 {
            font-size: 32px;
        }
	
	.separation-publication{
		padding-top:6px;
	}
        .chiffre-libelle {
            font-size: 21px;
        }
	
	

}



@media (max-width: 991px) {
	
	/*-----------------------entete 991-------------------*/	
	.logo {
		height: 147px;
	}
	.logo img {
		position: relative;
		top: 26px;
	}
	
	.fond_entete h1{
		font-size:46px;
	}
	.fond_entete span{
		font-size:34px;
	}
	.fond_entete {
		height: 290px;
	}
	p.formulaire_newsletter, p.formulaire_login{
		padding:5px;
	}
	
	/*-----------------------menu-principal 991-------------------*/	
	
	.menu-principal .nav-tabs .nav-link {
		font-size:16px;
	}
	.menu-principal {
		margin-top: -87px;
	}
	.bt-rechercher{
		margin-bottom:10px;
	}
	
	/*-----------------------page d'accueil 991-------------------*/
	.gros-chiffres {
		margin-bottom:5px;
	}
	
	.separation-publication{
		padding-top:26px;
	}
	
	.fond_zoom h2 {
	font-size: 46px;
	font-weight: 500;
	text-transform: uppercase;
	margin-top: 26px;
	}
	
	.diagnostic{
		font-size:32px;
		margin-top:20px;
	}
	.visuel img {
	margin-top: 30px;
	}
	
	.bulle{
		padding:0 22px;
		margin:10px;
	}

	
	/*-----------------------mode liste 991-------------------*/
	
	.bt_recherche_liste input[type="submit"] {
		width: 100%;
		padding-left: 3px;
	}
	
}

@media (max-width: 767px) {
	
	/*-----------------------entete 767-------------------*/
	.logo{
		height:152px
	}
	.logo img {
		position: relative;
		top: 0;
	}
	.fond_entete h1{
		font-size:40px;
	}
	.fond_entete span{
		font-size:30px;
	}
	.fond_entete {
		height: 220px;
		padding-top:45px;
	}
	.region-entete{
		margin-top:-5px;
	}
	p.formulaire_login{
		margin-left:0;
	}
	
	/*-----------------------menu-principal 767-------------------*/	
	
	.menu-principal{
		display:none;
	}
	.menu-principal-mobile{
		display:block;
	}
	.bg-observatoire{
		background: #000;
	}
	.menu-principal-mobile input[type="text"]{
		width:60%;
	}
	.menu-principal-mobile .nav-link{
		text-transform:uppercase;
		font-family: 'Raleway', sans-serif;
		font-size:24px;
	}
	.navbar-dark .navbar-nav .nav-link {
		color: rgba(255, 255, 255, 1);
	}
	.dropdown-menu {
		color: #212529;
		border-radius: 0;
		padding:0;
	}
	.dropdown-item {
		font-family: 'Raleway', sans-serif;
		font-size:20px;
		border-bottom:1px solid #000;
		padding:10px 0;
	}
	.dropdown-item:hover, .dropdown-item:focus {
		color: #fff;
		background-color: var(--bleuclair);
	}
	.dropdown-item:last-child {
		border-bottom:none;
	}
	.navbar-dark .navbar-toggler {
		color: rgba(255, 255, 255, 0.8);
		border-color: rgba(255, 255, 255, 0.5);
	}
	.navbar-dark .navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3e%3cpath stroke='rgba(255, 255, 255, 0.9)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
	
	/*-----------------------page d'accueil 767-------------------*/
	.gros-chiffres {
		margin-bottom:22px;
	}
	.separation-publication{
		padding-top:10px;
	}
	
	.chiffres-cles h2 {
		margin-bottom: 20px;
	}
	.fond_zoom {
		padding-top: 55px;
	}
	.double-block-gris-gauche,
	.double-block-gris-droite {
		background-image: none;
	}
	.fond_thematiques {
		padding-top: 0;
	}
	.icones_theme h3{
		font-size:18px;
	}
	
	
	/*-----------------------mode liste 767-------------------*/
	
	.bt_recherche_liste input[type="submit"] {
		width: 160px;
		padding-left: 12px;
		margin-bottom:20px;
	}
	.separateur{
		border-right:none;
		text-align:center;
	}
	
	.bt_archives a{
		margin-top:20px;
	}
	
	
	
	
	
	
}



@media (max-width: 575px) {
	
	
	/*-----------------------entete 575-------------------*/
	.region-entete{
		margin-top:0;
	}
	.fond_entete{
		margin-top:0;
		height: 150px;
		padding-top:0;
	}
	.fond_entete h1{
		font-size:34px;
	}
	.fond_entete span{
		font-size:26px;
	}
	.logo{
		height:108px
	}
	
	
	p.formulaire_login{
		margin-top:3%;
		max-width:145px;
	}
	.menu-principal-mobile input[type="text"]{
		width:auto;
	}
	.menu-principal-mobile .nav-link {	
		font-size: 22px;
		line-height:28px;
	}
	.menu-principal-mobile .dropdown-toggle {
		white-space: normal;
	}
	
	.chiffres-cles{
		text-align: center;
	}
	.separation-chiffres:after{
		margin:auto;
	}
	.thematiques h2 {
		font-size: 42px;
		margin-top: 0;
	}
	
	
	.gros-chiffres {
		margin-bottom: 1px;
	}
	
	.gros-chiffres:hover .source {
	  display: none;
	}
	
	.bulle{
		border-radius:0;
		width:auto;
		height:auto;
		border:none;
		padding:0;
		display:block;
		margin:12px;
		background: #fff;
		transition:none;
	}
	.bulle:hover{
		background: #fff;
		border:none;
	}
	.bulle h3{
		text-align:left;
		margin:0;
		color:#000;
	}
	.bulle:hover h3{
		color: var(--bleucanard);
	}
	.bulle h3:before{
		content:'\276F';
		margin-right:8px;
		color: var(--bleucanard);
	}
	.fond_gris a{
		display:inline-block;
		text-align:center;
	}
        
        .newsletter-footer{
            display: block;
        }
        
    
}

@media (max-width: 360px) {
	.logo{
		height:70px;
	}
	
	.fond_entete{
		margin-top:0;
		height: 150px;
	}
	.fond_entete h1{
		font-size:34px;
		line-height:40px;
		padding-top:16px;
	}
	.fond_entete span{
		font-size:28px;
	}
    
	.menu-principal-mobile input[type="text"]{
		width:65%;
	}
	.chiffres-cles h2 {
		font-size: 36px;
	}
	
	.thematiques h2 {
		font-size: 40px;
	}
	.icones_theme h3{
		font-size:16px;
	}
}


#scroll-up {
	position: fixed;
	z-index: 8000;
	bottom: 10px;
	right: 20px;
	display: none;
	width: 48px;
	height: 48px;
	font-size: 22px;
	line-height: 44px;
	text-align: center;
	text-decoration: none;
	background:url(../img/fleche_haut.png) no-repeat center center;
	background-color: #fff;
	border-radius: 100%;
	cursor: pointer;
	border:1px solid var(--bleuclair);
}
	
#scroll-up:hover {	
	background:url(../img/fleche_haut_blanc.png) no-repeat center center;
	background-color: var(--bleuclair);
}




.div-min-height {
	min-height:800px;
	}
#t_nombre {
	padding-right: 3px;
	font-size:24px;
	font-family: 'Roboto', sans-serif;
	}
	
	

/*------------------------ node mode connecté-----------------------------*/
.tabs--primary li{
    padding:5px 10px;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    background: #fff;
}
.tabs--primary li:first-child{
    border-left:1px solid #ccc;
}
.tabs--primary {
    margin-top:20px;
    margin-bottom:20px;
    position: relative;
}
.nav > li:nth-child(4),
.nav > li > a[href*="revisions"] {
    display: none;
}
/*------------------------ user login-----------------------------*/
#user-login-form label{
    display: block;
}
#user-login-form {
    margin-top: 20px;
}
#user-login-form input{
    margin:10px 0 15px;
}




.quill-editor p {
    margin: 0;
    padding: 0;
}

.quill-editor a {
    color:var(--bleuclair);
}
.quill-editor a:hover {
    color:var(--orange);
}

.captcha{
    margin: 20px auto;
}