/* à mettre à jour 

tonique_1 : #ff6600

== pictos outils haut ==

_twitter, _facebook

== liens pied de page ==

gualpfr_simsu

*/

/* =seuil 960 */
@media screen and (max-width:960px) { 

/* =width=auto */
	body,
	#outils_haut_deco,
	#outils_haut,
	#page,
	div#contenu_deco,
	div#contenu_avec_nav_avec_encadres,
	div#contenu_avec_nav_sans_encadres,
	div#contenu_sans_nav_avec_encadres,
	div#contenu_sans_nav_sans_encadres,
	div#encadres,
	div#pied_page 	{
		width: auto !important ;
		height:inherit !important;
		min-height:inherit !important;
		margin: 0 !important;
		padding: 0 !important;
		} 
		
	/* fixer une largeur maximale  de 100 % aux elements potentiellement problematiques */
	img,table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
		max-width: 100% !important;
		width:auto !important;
		height:inherit !important; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
		}	
		
		select {
		/* width:inherit; */
		}
		
	/* annulation du flottement */	
	
	toto 	{
	float:none !important;
	}
	
	/* annulation des images d arriere plan */
	
	.toto  {
	background:none; 
	}
	
	/* annulation des border */
	
	toto,
	div#page	{
	border:0 ; 
	}
	
	/* annulation des padding */
	
	toto,
	#outils_haut li	{
	padding:0 !important; 
	}
	
	/* annulation des margin */
	
	toto ,
	.accueil .style3,
	.accueil .style1,
	.accueil .style4	{
	margin:0 !important; 
	}
	
	/* liens survoles sans soulignement */
	
	a.lienrecherche:hover,
	a.plan_complet:hover	{
	text-decoration:none;
	}

	/* elements masques */
	
	#rechercheinterne,
	#logos-membres,
	#outils_haut li#neurofr_guniv,
	p#acces_direct,
	.desktop_only,
	.modif-deco,
	#menu li.picto_home,
	#navigation ,
	ul#menu_pied_page li#pegfr_piedfle:after,
	ul#menu_pied_page li#neurofr_inserm,
	ul#menu_pied_page li#neuroen_inserm,
	ul#menu_pied_page li#neurofr_cea,
	ul#menu_pied_page li#neuroen_cea,
	ul#menu_pied_page li#neurofr_chu,
	ul#menu_pied_page li#neuroen_chu,
	ul#menu_pied_page li#neurofr_cnrs,
	ul#menu_pied_page li#neuroen_cnrs,
	ul#menu_pied_page li#neurofr_pieduga,
	ul#menu_pied_page li#neuroen_pieduga {
	display:none;
	}
	
	.for_mobile,
	#recherchemobile,
	.recherchemobile{
	display:block !important;
	}
	
	/* personnalisation pour cette largeur */
	
	body  {
	/* background:bisque; */
	}
	
	.accueil div#contenu_sans_nav_sans_encadres,
	.accueil div#contenu_sans_nav_avec_encadres {
	background:none;
	}
	
	h3 {
	margin-top:1%;
	}
	
	#bandeau .desktop_only {
	display:block;
	}
 
	
	#outils_haut_deco {
	background:#cd4f03 !important;
	height:4em !important; 
	top:0;
	position:absolute ;
	width:100% !important;
	}

	
	ul#outils_haut {
	padding :0 0 0 35em !important;
	text-align:left;
	top:0;
	}
	
	ul#outils_haut  li {
	padding-right:1em !important;
	}
	ul#outils_haut  li  a {
	/* font-weight:lighter; */
	}
	
	#outils_haut li#neurofr_outilsc  {
	position:absolute;
	top:1.8em;
	right:23em;
	}
	
 
 
	/* Logo UGA */
	#outils_haut li#versuga {
	display:inline-block;
	margin :0.95em 0 0 0.8em !important;
	float:right;

	}
	
	/* Bandeau */
	
	div#bandeau {
	height: 12em !important;
	background-size: 50% !important;
	background:url(img/bandeau-mobile.png) no-repeat 1em 2em; 
	}
	
	div#bandeau span.for_mobile {
	display:none !important;
	}
	
	div#bandeau h1 {
	height:5.5em;
	width:50%;
	left:1em;
	}
	
 

	div#bandeau h1 a, #menu_langues a { font-weight:lighter;color:#666; }
	
	#menu_langues {
	/* top:120px; */
	/* left:2.35em; */
	top:1em;
	right:2.35em;
	z-index:1000;
	font-size:1.2em;
	}
	
	div#menu {
	margin-top:2em !important;
	background:#fff !important;
	width:99% !important;
	margin-left:1em !important;
	height:6.5em !important;
	font-size:1.1em ;
	}
	
	
	#menu li {
	border:1px solid #fff !important;
	width:49% !important;
	background:#f4f2e5 !important;
	text-align:center;
	}
	
	ul#menu_principal li em a {
	background:#575757;
	color:#fff;
	}
	
	ul#menu_principal  ul li a {
	padding:0 !important;
	
	}
	
	#menu li ul {
	display:none;
	}
	
	ul#menu_principal li em a,
	ul#menu_principal  li a:hover {
		border:0;
	}
	
	/* ===== MOTEUR DE RECHERCHE ===== */
	/* ============= source : http://www.trucsweb.com/tutoriels/css/css-modal/  ===== */
	
	a.lienrecherche {
	position:absolute;
	top:0.8em;
	left:.65em;
	color:#fff;
	font-weight:lighter;
	font-size:1.4em;
	z-index:1000;
	}
	
	a.lienrecherche img {
	display:block;
	width:25px !important;
	}
	 
	
	.cf:before,
	.cf:after {
	  content:"";
	  display:table;
	}
	.cf:after {
	  clear:both;
	}
		 
	.recherchemobile {
	  position: fixed;
	  z-index: 99999;
	  top: 0;
	  right: 0;
	  bottom: 0;
	  left: 0;
	  background: rgba(0, 0, 0, 0.8);
	  opacity:0;
	  -webkit-transition: opacity 400ms ease-in;
	  -moz-transition: opacity 400ms ease-in;
	  transition: opacity 400ms ease-in;
	  pointer-events: none;
	}
	 
	.recherchemobile:target {
	  opacity:1;
	  pointer-events: auto;
	}
	 
	.recherchemobile:target > div {
	  margin: 10% auto;
	  transition: all 0.4s ease-in-out;
	  -moz-transition: all 0.4s ease-in-out;
	  -webkit-transition: all 0.4s ease-in-out;
	}
	 
	.recherchemobile > div {
	  max-width: 600px;
	  position: relative;
	  margin: 1% auto;
	  padding: 8px 8px 8px 8px;
	  border-radius: 5px;
	  background: #eee;
	  transition: all 0.4s ease-in-out;
	  -moz-transition: all 0.4s ease-in-out;
	  -webkit-transition: all 0.4s ease-in-out;
	}
	 
	.recherchemobile .footer {
	  border:none;
	  border-top: 1px solid #e7e7e7;
	  border-radius: 0 0 5px 5px;
	}
	 
	.recherchemobile > div h2 {
	  margin:0;
	}
	 
	.recherchemobile  a.btn {
	  float:right;
	  margin-top:25px;
	}
	 
	.recherchemobile > div section,.recherchemobile > div > header, .recherchemobile > div > footer {
	  padding:15px;
	}
 
	/* personnalisation SIMSU */
	
	.recherchemobile h2 {
	background:none;
	padding-left:0;
	font-size:1.5em;
	}
	
	.recherchemobile input.champ-saisie {
	border:1px solid #999;
	width:80%;
	float:left;
	padding:0.1em 0;
	margin-bottom:2em;
	}
	
	.recherchemobile input.submit {
	padding-left:0.6em;
	padding-right:0.6em;
	padding-bottom:0.2em;
	width:inherit;
	margin-left:0.8em;
	float:left;
	margin-bottom:2em;
	}
	
	.fermer {
	  float:right;
	  font-size:1.4em;
	  padding-bottom:1em;
	}
	
	.fermer.bas {
	 padding-bottom:0;
	 position:absolute;
	 right:1em;
	 bottom:0.5em;
	}
	
	/* Transfo du menu en bouton à partir d'un device de 550px */
	
	#nav_menu {
	display:none !important;
	}
	
	/* navigation */
	
	p#fil_ariane ,
	a.plan_complet {
	font-size:1.23em ;
	width:95% !important;
	}
	
	p#fil_ariane {
	margin:2em 1.1em 0.4em 1.1em;	
	border-top:1px solid #f4f2e5;
	padding-top:1em !important;
	}
	
	p#fil_ariane:before {
	content:"Vous \00EAtes ici : ";
	}	
 
	a.plan_complet 	{
	margin:.5em 1.1em 2em 1.1em;
	font-weight:lighter;
	padding-bottom:1em !important;
	border-bottom:1px solid #f4f2e5;	
	}
	
	a.plan_complet:before {
	content:"[ ";
	}
	a.plan_complet:after {
	content:" ]";
	}
	
	/* partie centrale */
	
	div#contenu_avec_nav_sans_encadres,
	div#contenu_sans_nav_sans_encadres 	{
	width:98% !important;
	margin:.5em 1% !important;
	font-size:1.23em ;
	}
	
	div#contenu_avec_nav_avec_encadres  , 
	div#contenu_sans_nav_avec_encadres   	{
	width:70% !important;
	margin:.5em .5em .5em 1em !important;
	font-size:1.23em ;
	}
	
 	div#encadres {
	width:27% !important;
	margin:.5em 0!important;
	font-size:1.23em ;
	}
	
	div.style18 h3 {
	display:block;
	}
	
	div.style18 img {
	float:none;
	}
	.accueil div.style18_contenu img + br + img,
	body.neurofr_pres div.style18 a + br + a img{
	margin-left:0 !important;
	}
	
	.accueil div.style18_contenu img + br + img,
	.accueil div.style18_contenu img + br + img + br + img + br + img + br + img,
	.accueil div.style18_contenu img + br + img + br + img,
	.accueil div.style18_contenu img + br + img + br + img + br + img + br + img + br + img {
	margin-top:1em !important;
	}
 
	
	div.style19 li {
	width:48%;
	margin-right:1% !important;
	min-height:420px;
	}
	
	div.style19 li img {
	width:410px !important;
	max-height:410px !important;
	}
	
	 /* ===== MENU COMPLET EN PIED ===== */
 
 ul#menu_complet  {
	display:block;
	background:#f4f2e5;
	margin:2em 0 0em 0;
	font-size:1.5em;
	min-height:22.5em;
	border-top:1px solid #f4f2e5;
	border-bottom:1px solid #999;
	padding:0;
	}
	
	ul#menu_complet:before {
	content:"Menu complet de ce site";
	display:block;
	width:auto ;
	border-bottom:1px solid #999;
	background:#fff;
	padding: .5em 0 ;
	padding-left:1%;
	}
	
	 ul#menu_complet a {
	font-weight:lighter;
	color:#333;
	}
 
	 ul#menu_complet ul {
	padding-top:0.2em !important;
	}
	
	ul#menu_complet li {
	display:block;
	width:20% ;
	margin:0 0 3px 1%;
	float:left;
	line-height:1.2;
	text-transform:inherit;
	height:12em;
	border-left:0;
	padding-top:0.5em;
	}
	
	#menu_complet ul li:first-child{
	padding-top:0.5em;
	}
	
	/* ul#menu_complet li:first-child, */
	 ul#menu_complet li li {
	margin-left:0;
	font-size:0.78em;
	height:inherit;
	padding-top:0;
	}
	
	ul#menu_complet li:first-child {
	margin-left:1%;
	padding-left:0;
	}
	
	ul#menu_complet li li:first-child {
	margin-left:0;
	}
 
 
	/* Niv2 */
	
	ul#menu_complet li li {
	width:inherit ;
	display:block;
	float:none;
	}
	
	ul#menu_complet ul ul a {
	font-size:0.8em;
	}	
	
	 /* ===== MENU OUTILS PIED ===== */
	
	ul#menu_pied_page li {
	display:block;
	text-align:center;
	padding-bottom:1em;
	}
 
 
 
	
}/* fin 960px*/


/* =seuil 800 */
@media screen and (max-width:800px) { 

	body {
	/* background:chartreuse;     */
	}	
	
	div#menu {
	margin-left:0.4em !important;
	height:11.5em !important;
	}
 
	
	#menu li {
	width:49% !important;
	}
	
	p#fil_ariane,
	a.plan_complet {
	margin:.5em 1% !important;
	}
	

	div#contenu_avec_nav_avec_encadres, 
	div#contenu_sans_nav_avec_encadres,
	div#encadres  	{
	width:98% !important;
	margin:1em 1% !important;
	}
	
	/* pour les pages libres */
	.colonne[style] 	{
	width:100% !important;
	}
	
	.accueil .style3,
	.accueil .style1,
	.accueil .style4	{
	margin-bottom: 1em !important; 
	}
	
	div.style19 li {
	min-height:320px;
	}
 
	
.bx-wrapper .bx-viewport {
	height:355px !important;
	}
	
	/* ===== MENU COMPLET EN PIED ===== */
	
	ul#menu_complet  {
	min-height: 28.5em;
	margin-bottom:0.5em;
	}

	ul#menu_complet li {
	width:46% ;
	min-height:3.5em ;
	height:8.6em;
	margin-left:0.5%;
	}
 
	#menu_complet li:first-child {
	padding-left:4px;
	}

	
	ul#menu_complet li  li {
	min-height:inherit ;
	}
 	 
	
}/* fin 800px*/


/* =seuil 700 */
@media screen and (max-width:700px) { 

	div#bandeau {
	height: 13.5em !important;
	}
	
	.bx-wrapper .bx-viewport {
	height:255px !important;
	}
 

}/* fin 700px*/

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

	div#bandeau {
	background-size: 70% !important;
	}

}/* fin 600px*/

/* =seuil 550 */
@media screen and (max-width:550px) { 

	body {
	/* background:yellow;     */
	}	
	
	div#bandeau {
	height: 12em !important;
	}
 
	div#bandeau h1 {
	height:5em;
	width:70%;
	}
	
	#menu_langues {
	top:0;
	right:1em;	
	}
	
	.bx-wrapper .bx-viewport {
	height:205px !important;
	}
 	
	#menu {
	display:none;
	}
	
	#nav_menu {
	display:block !important;
	}
 
	
		/* pour les pages libres */
	.colonne[style] 	{
	width:100% !important;
	}
	
	.contenu img[style] {
	width:100% !important;
	}
	
	a.lienrecherche {
	left:3em;
	}
 
	/* ===== MENU ===== */
	
	/* Activation du menu avec bouton dans une barre haute */
 
	
	div#nav_menu.for_mobile {
	display:block;
	background:#ff6600;
	margin-bottom:1em;
	}
	
	div#nav_menu.for_mobile span {
	padding:0.6em 0.8em 0.5em 3em;
	display:block;
	font-size:1.4em;
	color:#ff6600;
	min-height:1.5em;
	}
	
 

	/* From Alsacreations ! Theming opened nav */
	div#nav_mobile + * {
		position: relative;
	}

	/* Theming opened div#nav_mobile */	
	div#nav_mobile ul {		
		
		/* maximum height */
		max-height: 105em;
		/* background:#999; */
		

		/* translate with hardware acceleration */
		-webkit-transform: translateZ(0); 
		-ms-transform: translateZ(0);
		        transform: translateZ(0);
		-webkit-transition: max-height .4s;
		        transition: max-height .4s;
		will-change: max-height;

		/* global styles */
		margin: 0;
		padding: 0;
		list-style: none;
	}
	div#nav_mobile a {
		display: block;
		padding: 1.2rem;
		color:#535353;
		background: #fff;
		text-decoration: none;
		/* margin-bottom: 1px; */
		border-bottom: 1px solid #999;		
		text-transform:uppercase;
		}
	
		div#nav_mobile li:first-child {
		border-top: 1px solid #fff;
		}
		
	div#nav_mobile a:hover, 
	div#nav_mobile em a, 
	div#nav_mobile a:focus,
	div#nav_mobile a:active
	{
		background: #cd4f03;
		color:#fff;
		font-style:normal;
	}
	
	/* Theming closed div#nav_mobile */
	div#nav_mobile.is-closed ul {
		max-height: 0;
		overflow: hidden;
	}

	/* Global styling div#nav_mobile button */	
	div#nav_mobile > button {
		display: block;
		position: absolute;
			top: 0.9rem; left: 0.5rem;
		z-index: 1;
		height: 1.8rem; width: 2.3rem;
		height: 1.3rem; width: 1.7rem;
		background-color: transparent;
		background-image: -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff)), -webkit-gradient(linear, left top, right top, from(#fff), to(#fff));
		background-image: -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff), -webkit-linear-gradient(left, #fff, #fff);
		background-image: linear-gradient(to right, #fff, #fff),
			linear-gradient(to right, #fff, #fff),
			linear-gradient(to right, #fff, #fff);
		background-position: center top, center, center bottom;
		background-repeat: no-repeat;
		-webkit-background-size: 1.5rem .4rem;
		        background-size: 1.5rem .3rem;
		padding: 0;
		outline: 0;
		border: 0;
		cursor: pointer;
		-webkit-tap-highlight-color:rgba(0,0,0,0);
		-webkit-transition: .2s;
		        transition: .2s;
	}
 
	
	/*  Removing Firefox's dotted outline on button */	
	div#nav_mobile > button::-moz-focus-inner {
		border: 0;
	}
	
 
	
	/* Theming opened nav button */	
	div#nav_mobile:not(.is-closed) > button {
		-webkit-transform: rotate(180deg) translateZ(0);
		        transform: rotate(180deg) translateZ(0);
		background-position: center, center, center;
	}

	/* Hide alternate text except from screen readers */
	.visually-hidden {
		position: absolute !important;
		clip: rect(1px, 1px, 1px, 1px);
		overflow: hidden;
		height: 1px;
		width: 1px;
	}
	
	div.style18 img {
	float:none;
	}
	
	.contenu div.style18 img[style] {
	width:50% !important;
	}
	
	body.neurofr_pres div.style18 a + br + a img {
	margin-left:0 !important;
	}
		
	div.style19 li {
	min-height:220px;
	}
	
	
	/* ===== MENU COMPLET EN PIED ===== */
	 
	
	ul#menu_complet  {
	/* margin-bottom:0.5em; */
	min-height:42em;
	padding-bottom:2em;
	}
 

	ul#menu_complet li {
	width:100% ;
	min-height:5em ;
	margin-top:.8em;
	height:auto;
	}
 
	
	ul#menu_complet li:first-child,
	ul#menu_complet li  li {
	margin-top:inherit ;
	margin-top:0 ;
	}
	
	ul#menu_complet li:first-child {
	padding-left:0;
	}
 
	 
}

/* =seuil 440 */
@media screen and (max-width:440px) { 

	body {
	/* background:aqua;    */
	}
	
	div#bandeau {
	background-size: 70% !important;
	height:9em !important;
	}
	
	div#bandeau h1 {
	font-size:1.75em;
	}
	
	div#bandeau h1 {
	height:3em;
	}
	
	#outils_haut li#versuga {
	display:none;
	}
 
 
	
	.vignette_deco {
	float:none;	
	}
	
	.vignette_deco2 {
	padding-left:0;
	}
	
	div.style19 li {
	width:95%;
	min-height:220px;
	}

} /* fin 440px*/