/* extra : styles globaux propres au portail extra */
/* ----------- Modification 2021 ------------- */


@font-face {
    font-family: 'Montserrat';
    src: url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Regular.eot');
    src: url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Regular.eot?#iefix') format('embedded-opentype'),
		 url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Regular.woff') format('woff'),
		 url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Regular.ttf') format('truetype'), 
		 url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Regular.svg#Montserrat-Regular') format('svg'); }

@font-face {
    font-family: 'Montserrat-Medium';
    src: url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Medium.eot');
    src: url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Medium.eot?#iefix') format('embedded-opentype'), 	       
		 url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Medium.woff') format('woff'),
		 url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Medium.ttf') format('truetype'), 
		 url('/Style%20Library/Themes/institutionnel2021/css/font/Montserrat-Medium.svg#Montserrat-Light') format('svg'); }



/* colorations spécifiques des résultats de recherche et LC suivant le site d'origine */

#results-portal ul li a[href^="https://www.cea.fr/Pages/"]:before , #results-portal ul li a[href^="https://www.cea.fr/70ans"]:before, 
#results-portal ul li a[href="/"]:before
  {
 content:"Site institutionnel\A";
 background-color:#b3000f !important;
}

#results-portal ul li a[href^="/english/Pages/"]:before, #results-portal ul li a[href*="/english/companies"]:before,#results-portal ul li a[href="/english"]:before
  {
 content:"English Portal\A";
 background-color:#b3000f !important;
} 

#results-portal ul li a[href*="/presse/Pages/"]:before 
  {
 content:"Espace Presse\A";
 background-color:#b3000f !important;
} 
#results-portal ul li a[href*="/entreprises/Pages/"]:before
  {
 content:"Espace Entreprises\A";
 background-color:#b3000f !important;
} 
 
#results-portal ul li a[href*="/chercheurs/Pages/"]:before
  {
 content:"Espace Chercheurs\A";
 background-color:#b3000f !important;
} 

#results-portal ul li a[href*="/emploi/Pages/"]:before
  {
 content:"Emploi & formation\A";
 background-color:#b3000f !important;
} 

#results-portal ul li a[href^="https://www.cea-tech.fr/cea-tech"]:before 
  {
 
  content:"CEA Tech\A";
 
  background-color:#368606 !important;
 
  
}

#results-portal ul li a[href*="/drf/"]:before 
  {
 
  content:"Recherche fondamentale\A";
 
  background-color:#00528d !important;
  
  
}  

#results-portal ul li a[href*="/comprendre/Pages/"]:before 
  {
 
  content:"D\0000E9couvrir & Comprendre\A";
 
  background-color:#7b0b79 !important;
 
  
}  

#results-portal ul li a[href*="/comprendre/enseignants/Pages"]:before 
  {
 
  content:"Espace enseignants\A";
 
  background-color:#167484 !important;
 }
 
#results-portal ul li a[href*="/comprendre/jeunes/Pages/"]:before 
  {
 
  content:"Espace jeunes\A";
  
  background-color:#0caaac !important;
  
  
}

#results-portal ul li a[href*="/multimedia/Pages/"]:before 
  { 
  content:"M\0000E9diath\0000E8que\A";
 
  background-color:#bfa052  !important;
   
}

#results-portal ul li a[href*="/multimedia/Pages/videos/"]:after
{
  content :" (video)";
  font-size:11px;
  color:#888;  
}
#results-portal ul li a[href*="/multimedia/Pages/animations/"]:after
{
  content :" (animation interactive)";
  font-size:11px;
  color:#888;  
}
#results-portal ul li a[href*="/multimedia/Pages/audio/"]:after
{
  content :" (podcast audio)";
  font-size:11px;
  color:#888;  
}
#results-portal ul li a[href*="/multimedia/Pages/galeries/"]:after
{
  content :" (podcast audio)";
  font-size:11px;
  color:#888;  
}

#results-portal ul li a[href^="https://le-fil-science.cea.fr/actualites-scientifiques"]:before 
  {
 
  content:"Le fil Science & Techno\A";
  
  background-color:#555  !important;
  
  
}

#results-portal ul li a[href^="https://fontenay-aux-roses.cea.fr/far"]:before 
  {
  content:"Centre de Fontenay-aux-Roses\A";
  
  background-color:#ed1c46  !important;
}




.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups ul li a:before
	{
	border-radius:3px;
	padding:1px 12px 1px 5px;
	background:url('/Style%20Library/themes/global/external-link.gif') 5px 2px no-repeat;
	background-position:right 2px;
	font-size:11px;
	color:#FFF;
	text-decoration:none !important; 
    opacity:.5;
	white-spaces:pre;
	
	margin-right:10px;
	text-decoration:none;
	}

.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups  ul li a[href^="https://www.cea.fr/Pages/"]:before ,
.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups  ul li a[href*="/70ans/Pages/"]:before,
.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups  ul li a[href="/"]:before
  {
 content:"Site institutionnel\A";
 background-color:#b3000f !important;
} 

.page_searchpage form[action*='Portal-search.aspx']	#navtrier #Groups  ul li a[href^="https://www.cea.fr/english/"]:before 
  {
 content:"English Portal\A";
 background-color:#b3000f !important;
} 

.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups  ul li a[href*="/presse/Pages/"]:before 
  {
 content:"Espace Presse\A";
 background-color:#b3000f !important;
} 
.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups  ul li a[href*="/entreprises/Pages/"]:before
  {
 content:"Espace Entreprises\A";
 background-color:#b3000f !important;
} 
 
.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups  ul li a[href*="/chercheurs/Pages/"]:before
  {
 content:"Espace Chercheurs\A";
 background-color:#b3000f !important;
} 

.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups  ul li a[href*="/emploi/Pages/"]:before
  {
 content:"Emploi & formation\A";
 background-color:#b3000f !important;
} 

.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups ul li a[href^="https://www.cea-tech.fr/cea-tech"]:before 
  {
 
  content:"CEA Tech\A";
 
  background-color:#368606 !important;
 
  
}

.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups ul li a[href*="/drf/"]:before 
  {
 
  content:"Recherche fondamentale\A";
 
  background-color:#00528d !important;
  
  
}  

.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups ul li a[href*="/comprendre/Pages/"]:before 
  {
 
  content:"D\0000E9couvrir & Comprendre\A";
 
  background-color:#7b0b79 !important;
 
  
}  

.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups ul li a[href*="/comprendre/enseignants/Pages"]:before 
  {
 
  content:"Espace enseignants\A";
 
  background-color:#167484 !important;
 
  
}  


.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups ul li a[href*="/comprendre/jeunes/Pages/"]:before 
  {
 
  content:"Espace jeunes\A";
  
  background-color:#0caaac !important;
  
  
}

.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups ul li a[href*="/multimedia/Pages/"]:before 
  {
 
  content:"M\0000E9diath\0000E8que\A";
 
  background-color:#bfa052  !important;
 
  
}


.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups  ul li a[href^="https://le-fil-science.cea.fr/actualites-scientifiques"]:before 
  {
 
  content:"Le fil Science & Techno\A";
  
  background-color:#555  !important;
  
  
}

.page_searchpage form[action*='Recherche-portail.aspx']	#navtrier #Groups  ul li a[href^="https://fontenay-aux-roses.cea.fr/far"]:before 
  {
 
  content:"Centre de Fontenay-aux-Roses\A";
  
  background-color:#ed1c46  !important;
  
  
}


/* autres styles specifiques extra */



  /* personaliser les raccourcis top menant vers le site racine (rouge) et la mediatheque (or) */
#navquick a[href="https://www.cea.fr/"] 
  {
    background: url(/Style%20Library/Themes/global/quicknav-extlink.gif) right 1px no-repeat #b3000f;
    padding-right: 17px;
    margin-right: 2px;
    margin-top: -2px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: #fff; 
  }  
  /*
#navquick a[href~="/multimedia/"] 
  {
    
	background: url(/Style%20Library/Themes/global/quicknav-extlink.gif) right 1px no-repeat #bfa052;
    padding-right: 17px;
    margin-right: 2px;
    margin-top: -2px;
    padding-bottom: 2px;
    padding-top: 2px;
    color: #fff; 
  }
*/
 /* Réécriture du footer global, utilisation d'Unicode pour les caractères spéciaux. Ajouter 00 dans les  cas de mauvaise affichage. + nouveau logo 2019 
#navportal .grid_8 .branding:before
{
content:"Commissariat \00E0  l'\00E9nergie atomique et aux \00E9nergies alternatives";
clear: left;
font-size: 20px;
}

#navportal .grid_8 .branding:after
{
content:"Acteur majeur de la recherche, du d\00E9veloppement et de l'innovation, le CEA intervient dans quatre domaines : la d\0000E9fense et la s\0000E9curit\00E9, les \00E9nergies bas-carbone (nucl\0000E9aire et renouvelables), la recherche technologique pour l'industrie et la recherche fondamentale (sciences de la mati\00E8re et sciences de la vie).";
display: inline-block;
margin-top: 1.5em;
font-family: "ubuntu", Tahoma, Geneva, sans-serif;
}
*/
/* Présentation 2021 */ 

#navportal ul.menu .nv-item-6
{
width:960px
}


#navportal ul.menu .nv-item-6 .level2 a
{
 float:left;
 width:100px;
 margin-right:40px;
 background:#666;
 color:#FFF;
 text-align:center
}

#navportal ul.menu .nv-item-6 .level2 a[href=""]
{ pointer-events:none;
color:#999;font-weight:bold;padding-left:0;
margin-top:0px;padding-right:10px;
width:180px;
 clear:both;
 text-align:right;
 background:transparent;
 margin-bottom:5px;
}

#navportal ul.menu .nv-item-6 .title 
{
width:960px;
 display:inline-block;
 margin-top:20px
}

#navportal ul.menu .nv-item-6 .title  a
{
width:600px;
}


#navportal * { 
	font-family: "Montserrat", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif"; }
	
	
	
	
	
.title.morelevel span#click, 
#navportal-map-inner {
	font-size: 0.95em !important;
	letter-spacing: 0.04em !important; }
#navportal-map .grid_25 strong.title a {
	font : 0.95em "Montserrat-SemiBold", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif" !important; }
#navportal .level2.menu.vertical.menu-vertical {
	font-size: 90%; }

#navportal .grid_8 .branding:after
{
	content:"Le CEA est un acteur majeur de la recherche, au service de l'\00C9tat, de l'\0000e9conomie et des citoyens. Il apporte des solutions concr\00E8tes \00E0  leurs besoins dans quatre domaines principaux : transition \0000e9nerg\0000e9tique, transition num\0000e9rique, technologies pour la m\0000e9decine du futur, d\0000e9fense et s\0000e9curit\0000e9.";
	font-family: "Montserrat-Medium", "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, "sans-serif";
	font-size: 1.18em;
	letter-spacing: 0.01em;
	line-height: 1.35em;
	display: inline-block;
	margin-top: 0.5em;	
}
#navportal-header .branding {
    background: url(/PublishingImages/logo-cea-marianne-republique-francaise.png) no-repeat !important;
    background-size: 263px !important;
    padding-left: 312px;
}
#navportal .grid_25.nv-item.nv-item-5 {
	display: block;
}



/* rendre actif le logo du footer (uniquemennt si déplié)  */
#ctl00_PortalGlobalNavigationControl ul li.nv-item-1 ul li.nv-item-1 a{
	font-size:0px;
	position:absolute;
	height:100px;
	width:825px;
	margin-top:-165px;
	margin-left: 138px;
}  
#ctl00_PortalGlobalNavigationControl ul li.nv-item-1 ul li.nv-item-1 a:hover {
	text-decoration: none;
}

/* barre univ */

#navback .level1.first a img { margin-left:5px; margin-top: -0.25em; width: 26px; } 
#navtop-2 { background: #585958; }
#navtop-2 li { line-height: 1.6em; }
#navtop-2 li a { color: #DCDCDC; font-size: 0.95em;  height: 1.9em; }
#navtop-2 ul li.nv-item-1.morelevel ul li.nv-item-6 { background-position: 10px 24px; }
#navtop-2 ul li.nv-item-1.morelevel ul li.nv-item-6::before {
 	background: #353535 none repeat scroll 0 0 !important;
    color: #ccc;
    content: "DIRECTIONS";
    display: list-item;
    font-size: 0.85em;
    letter-spacing: 0.1em;
    margin-left: -10px;
    padding: 3px 0 3px 10px;
}

#navback .menu .menu-dropdown { z-index:11000;padding-bottom:10px; text-transform:inherit; width: 162px; border-bottom: 3px solid #e1e1e1;}
#navback .menu .nv-item-4 .menu-dropdown { width:115px; }
#navtop-2 li li { background:url(defaut/css/img/puce/navtop-block-trick.png) no-repeat 10px 7px; border-top:1px dotted #666666; line-height:1.2em; padding: 0 0 0 12px; }


/* relooking barre portail */

/* transitions html5 */
#navback .level2.menu-dropdown li a {
    transition:color .5s;
	color:#CCC;
}

#navback .level2.menu-dropdown li a:hover
	{
	color:#FFF;
	text-decoration:none !important;
	}


#navback .menu .menu-dropdown {
	transition:transform .4s, opacity .4s;
	opacity:0;
	transform:scale(.5);
	transform-origin:0px 0px;
}


#navback .level1:hover .menu-dropdown
	{
	opacity:1;
	transform:scale(1);
	}
	
#navback .level1 .menu-dropdown
	{
	opacity:0;
	transform:scale(.5);
	}
	

/* affichage banniere 70 ans - temporaire */
/*
@keyframes banner-disappear
    {
     0% {
     	opacity:0;
		left:100px;
		}
		
	
	0.2%
		{
        left:550px;
		opacity:1; 
        }
    
	99.8%
        {
         opacity:1;
          left:550px;
        }
    
	99.9%
        {
        opacity:0;
        left:670px;
        visibility:hidden;
     }
    
	}*/

/*#navtop-2 a[href="https://www.cea.fr/70ans"]
  	{
  	font-size:0px;
 	position:absolute;
	padding:0px;
  	top:43px;
  	left:550px !important;
	-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
	-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
	-o-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
 	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
  	z-index:66666;
    width:160px;
    height:280px;
    background:url(https://www.cea.fr/style%20Library/themes/global/cea-70ans-skycraper-light.png);
	animation: banner-disappear;
    animation-duration:1000s;
	animation-iteration-count:1; 	
  	}
 .home  #navtop-2 a[href="https://www.cea.fr/70ans"]
  	{
  	font-size:0px;
 	position:absolute;
	padding:0px;
  	top:43px;
  	left:550px !important;
	-webkit-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.2); 
	-moz-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.2); 
	-o-box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.2); 
 	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.2); 
  	z-index:6666;
    width:160px;
    height:300px;
    background-image:url(https://www.cea.fr/style%20Library/themes/global/cea-70ans-skycraper.gif);
	animation: banner-disappear;
    animation-duration:1000s;
	animation-iteration-count:1; 
  	}*/
/*
#navtop-2 a[href="/Pages/domaines-recherche/climat-environnement/COP21-le-CEA-se-mobilise-pour-le-climat.aspx"] {
	background: rgba(0, 0, 0, 0) url("/style%20Library/themes/global/cop21-feuille1.gif") no-repeat scroll 3px 0 / 16px auto;
    padding-left: 23px;
 }
*/

/* banniere CES 2019 */

#navquick .nv-item  a[href$="CES-2019.aspx"]
  	{
  	
  	font-size:0px !important;
 	position:fixed;
	padding:0px;
  	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7); 
  	z-index:66666;
    width:160px !important;
    height:290px !important;
    background:url(https://www.cea.fr/style%20Library/themes/global/ces2019.jpg);
	animation: banner-questionnaire;
    animation-duration:1000s;
	animation-iteration-count:1;
	margin-left: 20px;
    margin-top: -148px;
  	}