/********************************************************
 * 		          MEDIASCREEN - RESPONSIVE
 * ******************************************************/
@media screen and (min-width: 1399.99px) { 
	.wrapper {
		max-width: 1420px;
	}
	h2 > span.familyName {
		font-size:1.6rem;
	}
}
@media screen and ((min-width: 1199.99px) AND (max-width: 1399.98px)) { 
	/*inferieur à 1311px col-xxl */
	.wrapper:not(.header) {
		max-width: 1170px;
	}
	.h3, h3 {
        font-size: 1.4rem;
    }
	span.familyName {
		font-size: 0.8rem;
	}
	h2 > span.familyName {
		font-size:1.4rem;
	}
	#toc > .nav {
		font-size: 0.7rem;
		padding:0.5em 0;
	}
	.fs-3 {
        font-size: 1.55rem !important;
    }
	#cartouche {
		height:100px;
	}
	.first-cartouche {
		/* padding: 0.5em 2em 0 0; */
		border-right: 0;
		/* margin: 0 1em; */
	}
	img.images.logo {
		margin: 0em 0 0 1em;
	}
	#titlelogo {
		font-size: calc(2vw + 2px);
	}
	.titlesite {
		padding-top: 0.9em;
		padding-left: 1em;
		-webkit-transition: all 1s;
		-moz-transition: all 0.3s;
		transition: all 1s;
	}
    #soustitle {
        font-size: calc(0.9vw + 4px);
        -webkit-transition: all 1s;
	    -moz-transition: all 0.3s;
	    transition: all 1s;
    }
	#content-accueil {
		padding:0 2em;
		margin-top: 4rem !important
	}
	#sections-revues {
		margin: 0 1em
	}
	h1.titre_planche {
		padding: 0 2em 0 0 !important;
	}










	

	div#titre_accueil {
		position: absolute;
		top: 20%;
		z-index: 1;
		min-width: 40%;
		background-color: rgba(255, 255, 255, 0.5);
		padding: 20px;
		text-align: right;
	  	box-shadow: 10px 10px 10px gray;
		border-bottom-right-radius: 50px;
  	}
 	#title_carousel {
	  	font-family: "Noto Sans Black", sans-serif;
		letter-spacing: -.03em;
		font-style: italic;
		color: #404040;
  	}

	.box {
		position: relative;
		min-height: 100%;
	}
	.box2 {
		position:relative;
	}
	
	h1.header1 {
		font-size: 2.6em;
		padding-top:2.05em;
	}
	h2.header2 span.sousTitre {
		font-size:1em;
	}
	
	/****** ACCUEIL *****/
	h2.title_planche {
		margin: 0.5em;
		line-height: 4rem;
	}
	
	/****** ARTICLE *****/
	.jumbotron h1 {
		font-size: 4em;
	}
	
	.sommaireFixed {
		margin-top: 1px;
		border-right: 2px solid #222;
		border-left: 2px solid #222;
		border-bottom: 2px solid #222;
		position: absolute;
		left: -534px;
		width: 1113px;
		padding: 20px;
	}
	.navbar-nav > li#sommaire > ul > li {
		display:inline-block;
		width:30%;
	}
}

@media screen and ((min-width: 1079.99px) AND (max-width: 1199.98px)) { /*inferieur à 1200px col-xl*/
	.container {
		max-width: 960px
	}
	div#titre_accueil {
		position: absolute;
		top: 10%;
		z-index: 1;
		min-width: 40%;
		background-color: rgba(255, 255, 255, 0.5);
		padding: 10px 20px;
		text-align: right;
	  	box-shadow: 5px 5px 5px gray;
		border-bottom-right-radius: 30px;
  	}
 	#title_carousel {
	  	font-family: "Noto Sans Black", sans-serif;
		letter-spacing: -.03em;
		font-style: italic;
		color: #404040;
		font-size: calc(2.2vw + 2px);
  	}
	#soustitle_carousel {
		font-size: calc(1.8vw + 2px);
	}
}
@media screen and ((min-width:991.99px) AND (max-width: 1079.98px)) { 
	.wrapper:not(.header) {
		max-width: 970px;
	}
	.fs-4 {
  		font-size: calc(1rem + .3vw) !important;
	}
	.fs-5 {
    	font-size: 1.15rem !important;
	}
	.h3, h3 {
   		font-size: calc(0.9rem + .6vw);
	}
	.h6, h6 {
    	font-size: 0.9rem;
	}
	.cloud-2 {
    	font-size: 0.9rem;
	}
	.cloud-3 {
 		font-size: 1.5em;
	}
	.cloud-1 {
    	font-size: 0.9em;
	}
	#toc > .nav {
    	font-size: 0.75rem;
    	padding: 0.5em 0;
	}
	#titlelogo {
   	 	font-size: 1.3rem;
	}
}

@media screen and ((min-width:767.99px) AND (max-width: 991.98px)) { /*inferieur à 992px col-lg*/
	.wrapper:not(.header) {
		max-width: 900px;
	}
	.cloud-2 {
    	font-size: 0.9rem;
	}
	.cloud-3 {
    	font-size: 1.2em;
	}
	.cloud-1 {
    	font-size: 0.9em;
	}
	.fs-3 {
        font-size: 1.25rem !important;
    }
	.fs-4 {
  		font-size: calc(1rem + .3vw) !important;
	}
	.fs-5 {
    	font-size: 1rem !important;
	}
	body {
		font-size: calc(12px + (16 - 14) * ((100vw - 300px) / (1900 - 300)));
	}
	.h3, h3 {
		font-size: 1.2rem;
	}
	.h5, h5 {
		font-size: 1rem;
	}
	#toc > .nav {
    	font-size: 0.7rem;
    	padding: 0.5em 0;
	}
	
	#cartouche {
		height:100px;
	}
	.first-cartouche {
		/* padding: 0.5em 2em 0 0; */
		border-right: 0;
		/* margin: 0 1em; */
	}
	
    #soustitle {
        -webkit-transition: all 1s;
	    -moz-transition: all 0.3s;
	    transition: all 1s;
    }




	.buttons-functions {
		display: flex;
		justify-content: flex-start;
		margin-bottom: 2rem;
		padding: 0;
		border: none;
		margin-top: 0;
	}
	
    img.images.logo {
		margin: 0em 0 0 1em;
		width: 80px;
	}
	#mainmenu {
		width: 100%;
		margin: 0;
	}
	
	.box {
		position: relative;
		min-height: 100%;
		/* margin-top: -50px; */
	}
	.box2 {
		position:relative;
	}
	
	h1.header1 {
		font-size: 2em;
		padding-top: 2.5em;
	}
	h2.header2 span.sousTitre {
		font-size:0.8em;
	}
	div.boutonsearch.col-12 {
		margin-top: 2em;
	}
	
	/****** ACCUEIL *****/
	h2.title_planche {
		margin:0;
		line-height:normal;
		font-size:1.5em;
	}
	div#titre_accueil {
		display: none;
	}
	.second-cartouche {
		display: none;
    	align-items: center;
	}
	.second-cartouche > h2 {
		font-size: calc(1vw + 4px);
  		font-style: italic;
	}
	
	/****** ARTICLE *****/
	div#toc {
		position: relative;
		/* float: none;
		padding: 1em;
		margin: 1em; */
		/* border: 1px solid; */
		z-index:0;
	}
	.toc {
		padding-left:1em;
	}
	p.texte, div#carte_geo {
		/* margin: 0 0 10px 40px; */
		text-align: justify;
		position: relative;
		/* font-size: 1.3em; */
	}
	.jumbotron h1 {
		font-size: 3.4em;
	}
	/****** ACCUEIL *****/
	h2.title_planche {
		margin:1vh;
		line-height:normal;
		font-size:1.8em;
	}
	
	.sommaire {
		margin-top: 1px;
		border-right: 2px solid #222;
		border-left: 2px solid #222;
		border-bottom: 2px solid #222;
		position: absolute;
		left: 0;
		width: auto;
		padding: 20px;
	}
	.sommaireFixed {
		margin-top: 1px;
		border-right: 2px solid #222;
		border-left: 2px solid #222;
		border-bottom: 2px solid #222;
		position: absolute;
		left: 0;
		width: auto;
		padding: 20px;
	}
	.navbar-nav > li#sommaire > ul > li {
		display:block;
		width:auto;
	}
	span.titreSiteBarre {
		display:none;
	}
}

@media screen and ((min-width:575.99px) AND (max-width: 767.98px)) { /*inferieur à 762px col-md*/
	.wrapper:not(.header) {
		max-width: 740px;
	}
	#inside {
		margin:1em;
	}
	#cartouche {
		height:auto;
	}
	.titlesite {
		/* padding-left: 1.5em; */
		padding-top:0.9em;
        text-align: left;
	}
    #logo {
        text-align: center;
        margin: 0;
        padding: 0;
    }
	 #soustitle {
       display: none;
    }
	#content {
		width:auto;
	}
	.box {
		position: relative;
		min-height: 100%;
		margin-top: 0;
	}
	.box2 {
		position:relative;
	}
	img.images.logo {
        margin: 0;
		width:40px;
	}
	h1.header1 {
		font-size: 1.6em;
		padding-top: 1em;
	}
	h2.header2 span.sousTitre {
/*
		color:blue;
*/
		font-size:0.7em;
	}
	.navbar {
		border-top-left-radius: 0em;
		border-top-right-radius: 0em;
		border-radius:0px;
	}
	#mainmenu {
		/* margin: 1em 0 0 0; */
	}
	.display, .displayMobile {
		margin: 0.5em 0em 0 1em;
	}
	/****** ACCUEIL *****/
	h2.title_planche {
		margin:0.6em;
		line-height:normal;
		font-size:2.5em;
	}
	#auteurs_accueil {
		padding-left: O;
		margin-left:0.6em;
		margin-bottom: 2em;
	}
	
	/****** ARTICLE *****/
	.jumbotron h1 {
		font-size: 3em;
	}
	
	.sommaire {
		margin-top: 1px;
		border-right: 2px solid #222;
		border-left: 2px solid #222;
		border-bottom: 2px solid #222;
		position: absolute;
		left: 0;
		width: auto;
		padding: 20px;
	}
	.sommaireFixed {
		margin-top: 1px;
		border-right: 2px solid #222;
		border-left: 2px solid #222;
		border-bottom: 2px solid #222;
		position: absolute;
		left: 0;
		width: auto;
		padding: 20px;
	}
	.navbar-nav > li#sommaire > ul > li {
		display:block;
		width:auto;
	}
	span.titreSiteBarre {
		display:none;
	}
	.logoLabo > a > img {
		width:50%;
	}
	.logoLabo, .coordLabo {
		text-align:center;
	}
	.coordLabo {
		margin-top:1em;
	}
}

@media screen and (max-width:575.98px) {

}

@media screen and (max-width: 462px) { /*inferieur à 462px col-xs*/
	.wrapper {
		max-width: 350px;
	}
	/****** TOPHEADER ***********/
	#topheader {
		font-size: 0.6em;
	}
	.link_topheader {
    	padding: 0 0.2em 0 0.2em;
	}
	.link_topbar_rs > a > img {
		display: none;
	}
	.nav-item > .nav-link > img {
		width: 10px !important;
	}
	#topbar {
		font-size: 1em !important;
	}
	.titlesite {
		padding: 0;
	}
	#soustitle {
	   display: none;
	}
	.first-cartouche {
		margin: 1em;
	}
	#titlelogo {
		padding-left: 0.5em;
		font-size: calc(3vw + 2px) !important;
		display: none;
	}
	.buttons-functions {
		margin-bottom: 0;
	}
	#carousel {
		display: none;
	}
	p.texte, ul.texte {
		overflow-wrap: break-word;
    	text-wrap: pretty;
    	font-size: 0.7rem;
	}
	.row {
		max-width: 350px;
	}
	p.fabric > strong > span {
		padding: 0 !important;
	}












	/****** HEADER ***********/
	.navbar-inverse .navbar-nav > li > a {
    	font-size: 1em;
	}
	#soustitle {
	   display: none;
	}

	#content {
/*
		min-height:1200px;
*/
		width:auto;
	}
	#title {
		margin-left: 105px;
		padding-top:0;
	}
	#content {
		width:auto;
	}
	.box {
		position: relative;
		min-height: 100%;
		margin-top: 80px;
	}
	.box2 {
		position:relative;
	}
	img.images.logo {
		margin: 0;
		width: 40px;
	}

	h1.header1 {
		padding-right: 0.4em;
		font-weight:bold;
	}
	h2.header2 span.sousTitre {
		display:none;
	}
	h2#titre_accueil {
		text-shadow: #333 1px 0 10px;
		position: absolute;
		top: -80px;
		left: 1px;
		color:white;
		font-weight: bold;
	}
	.navbar {
		border-top-left-radius: 0em;
		border-top-right-radius: 0em;
		border-radius:0px;
	}
	
	/****** ARTICLE *****/
	.jumbotron h1 {
		font-size: 2em;
	}
	span.titreSiteBarre {
		display:inline;
	}
	div#texte > p.texte > img.zoomimage{
		transform: scale(2.5,2.5);
		z-index:30000000000;
		border:1px solid #E8E8E8;
	}
	
	/****** FOOTER *****/
	#first, #second, #tertio {
		min-height:0px;
	}
	#first, #second {
		border-right:0px solid #686767;
	}
	#institutions {
		text-align:center;
	}
	#institutions > span.space {
		letter-spacing:0em;
	}
	#logoCNRS, #logoMSH {
		max-width:70px;
		margin-top: 0.3em;
	}	
	#logoUN {
		max-width:120px;
	}

}


/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 575.98px) { 

}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 767.98px) {

}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 991.98px) { 

 }

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1199.98px) {

}

/* XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1399.98px) {

}