/* 

dcom.css
feuille de style permettantd e pousser du webdesign sur tous les sites du portail g?r?s par dcom

*/

/* lien go top en picto et toujours visible */

#footer-inner .gotop a {
	position: fixed;
	left: 93%;
	z-index: 20000;
	background: url(/style%20Library/themes/global/gotop.png) no-repeat !important;
	width: 70px;
	height: 70px;
	font-size: 0px;
	cursor: pointer;
	top: 85%;
	opacity:.6;
	background-size:50px 50px !important;
}

#navprimary #nav li.nv-item a 
	{
    transition: border-bottom-color .3s;
	}
	
#branding .logo img {
    max-width: 100px;
}	



/* Bannière CEA360 */
#navquick .nv-item  a[href*="cea360"]
  	{
  	
  	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: 600px !important;
    background: url("https://www.cea.fr/Style%20Library/Themes/global/banniere-web-CEA360.png");
	animation: banner-questionnaire;
    animation-duration:1000s;
	animation-iteration-count:1;
	margin-left: 20px;
    margin-top: -148px;
  	background-size: contain;
	}

/* Bannière Mission ScanScience */
#navquick .nv-item  a[href*="75ans-innovations"]
  	{
  	
  	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:300px !important;
    background:url(https://www.cea.fr/Style%20Library/Themes/global/banniere-scanscience.jpg);
	animation: banner-questionnaire;
    animation-duration:1000s;
	animation-iteration-count:1;
	margin-left: 20px;
    margin-top: -148px;
  	}


/* Bannière Prisonnier Quantique */

#navquick .nv-item  a[href*="prisonnier-quantique.fr"]
  	{
  	
  	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:300px !important;
    background:url(https://www.cea.fr/Style%20Library/Themes/global/Banniere-prisonnierquantique2019.jpg);
	animation: banner-questionnaire;
    animation-duration:1000s;
	animation-iteration-count:1;
	margin-left: 20px;
    margin-top: -148px;
  	}

/* banniere covid */
#navquick .nv-item a[href*="CEA-contre-epidemie-covid19"] {
    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: 300px !important;
    background: url(https://www.cea.fr/Style%20Library/Themes/global/banniere-covid19-160.png);
    animation: banner-questionnaire;
    animation-duration: 1000s;
    animation-iteration-count: 1;
    margin-left: 20px;
    margin-top: -148px;
}

/* banniere ceascope 

#navquick .nv-item  a[href="https://newsletters.cea.fr/abonnement.php?nl=ceascope"]
  	{
  	
  	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/banniere-newsletter-ceascope.png);
	animation: banner-questionnaire;
    animation-duration:1000s;
	animation-iteration-count:1;
	margin-left: 20px;
    margin-top: -148px;
  	}
*/	
	
@keyframes banner-questionnaire {
 0% {
 opacity:0;
}
 0.2% {
 opacity:1;
}
 99.8% {
 opacity:1;
}
 99.9% {
 opacity:0;
 visibility:hidden;
}
}

#navprimary #nav li.nv-item a {
	max-height: 38px;
	overflow-y: hidden;
}
	
/* raccourcis bottom : iconification des liens vers medias sociaux */
#footer-wrapper .footer a[href^="https://www.facebook.com"],
#footer-wrapper .footer a[href^="https://www.instagram.com"],
#footer-wrapper .footer a[href^="https://twitter.com"],
#footer-wrapper .footer a[href^="https://www.youtube.com"], 
/*#footer-wrapper .footer a[href^="http://www.dailymotion.com"], */
#footer-wrapper .footer a[href^="https://www.linkedin.com"], 
#footer-wrapper .footer a[href$="ceascope.aspx"] 
{
 cursor: pointer;
 display: inline-block;
 height: 18px;
 margin-left: 4px;
 text-align: left;
 text-indent: -9999px;
 vertical-align: middle;
 width: 18px;
}
#footer-wrapper .footer a[href^="https://www.facebook.com"] {
	background-color: #353535;
	background-image: url("/Style%20Library/Themes/global/pictos-reseauxsociaux/facebook.svg");
	background-repeat:no-repeat;
	background-position: left 0;
	margin-left: 10px;
	padding: 0 ;
}
#footer-wrapper .footer a[href^="https://www.instagram.com"] {
	background-color: #353535;
	background-image: url("/Style%20Library/Themes/global/pictos-reseauxsociaux/instagram.svg");
	background-repeat:no-repeat;
	background-position: left 0;
	padding: 0;
}
#footer-wrapper .footer a[href^="https://twitter.com"]
 {
	background-color: #353535;
	background-image: url("/Style%20Library/Themes/global/pictos-reseauxsociaux/twitter.svg");
	background-repeat:no-repeat;
	background-position: left 0;
	background-size: 65% !important;
	padding: 0 1px;
}
#footer-wrapper .footer a[href^="https://www.youtube.com"] {
	background-color: #353535;
	background-image:  url("/Style%20Library/Themes/global/pictos-reseauxsociaux/youtube.svg");
	background-repeat:no-repeat;
	background-position: left 0;
	padding: 0  1px;
}
/*#footer-wrapper .footer a[href^="http://www.dailymotion.com"] {
	background-color: #353535;
	background-image: url("/Style%20Library/Themes/global/dailymotion.svg");
	background-repeat:no-repeat;
	background-position: left 0;
	padding: 0;
}*/
#footer-wrapper .footer a[href^="https://www.linkedin.com"] {
	background-color: #353535;
	background-image: url("/Style%20Library/Themes/global/pictos-reseauxsociaux/linkedin.svg");
	background-repeat:no-repeat;
	background-position: left 0;
	padding: 0;
}
#footer-wrapper .footer a[href$="ceascope.aspx"] {
 background-color: #353535;
 background-image: url("/Style%20Library/Themes/global/ceascope.png");
 background-repeat:no-repeat;
 background-position: left 0.5px;
 margin-left: 8px;
 width: 52px;
}

/* Affichage des vignettes */
.page_actualite #ctl00_PlaceHolderMain_FieldsOnEditMode_ThumbnailImageField_ctl00_RichImageField_ImageFieldDisplay img
                {
                max-width:218px;
                max-height:138px;
                }


/* ------------------------------------------------------------------------- */
/* --------------------- PAGE ARTICLE - Home Rubrique ---------------------- */
/* ------------------------------------------------------------------------- */
/* ELEMENTS POUVANT ETRE CUSTOMISES EN LOCALE 
    ------- Sommaire : Tableau - Puce titre -------
.page_article .sommaire td.ms-rteTableEvenCol-CEA-1 .ms-rteElement-cea-rte-box-2 h4 { background-image: url("img/puce/title-block-more.gif") !important; } */

.page_article #home-rubrique hr {
	clear: both;
	border-bottom: 1px dashed #e1e1e1;
	background: none;
}

.page_article #home-rubrique .ms-rteElement-cea-rte-left-box-1, .page_article #home-rubrique .ms-rteElement-cea-rte-right-box-1  {
	border: 0;
	padding: 0;
	width: 220px;
}

.page_article #home-rubrique.sans-nb-ressource .header h2 small, .page_article #encart-incruste .sans-titre .header {
    display: none;
}

/* - WebPart List - */
.page_article #home-rubrique .webpart-list .feed img {
    background: url("global/rss_white.png") no-repeat scroll left top rgba(0, 0, 0, 0);
    margin-top: -4px;
}


/* ------- Sommaire : Tableau ------- */
.page_article #home-rubrique.sommaire td.ms-rteTableEvenCol-CEA-1 div.ms-rteElement-cea-rte-box-2 {
	background: #444;
	border: 0;
	margin: 0;
	min-height: 20px;
	padding-bottom: 5px;
	padding-top: 5px;
}
.page_article #home-rubrique.sommaire td.ms-rteTableEvenCol-CEA-1 .ms-rteElement-cea-rte-box-2 h4 {
	background-image: url("img/puce/title-block-more.gif");
	background-position: left 2px;
	background-repeat: no-repeat;
	font-size: 1.2em;
	letter-spacing: 0.025em;
	margin: 0;
	padding-left: 25px;
	text-transform: uppercase;
}
.page_article #home-rubrique.sommaire .ms-rteTable-CEA-1 tr {
	background: #EEE;
	text-transform:none;
}
.page_article #home-rubrique.sommaire .ms-rteTable-CEA-1 td {
	padding-bottom: 0!important;
}
.page_article #home-rubrique.sommaire a,
.page_article #home-rubrique.sommaire .ms-rteElement-cea-link.ms-rteElement-cea-internal {
	text-decoration:none !important;
}
.page_article #home-rubrique.sommaire a:hover,
.page_article #home-rubrique.sommaire .ms-rteElement-cea-link.ms-rteElement-cea-internal:hover {
	text-decoration: underline !important;
}

.page_article #home-rubrique.sommaire .ms-rteElement-cea-rte-right-box-3 h2 {
	background: #777;
    margin: -18px -10px 15px;
    padding: 12px 10px;
}

/* ------- Remontées des Listes consolidées ------- */

.page_article #home-rubrique .inner.clearfix {
	padding:0 !important;
}
.page_article .liste-bloc220 .block.webpart,
.page_article .liste-bloc158 .block.webpart,
.page_article .liste-bloc140 .block.webpart,
.page_article .liste-bloc220 .webpart .header,
.page_article .liste-bloc158 .webpart .header,
.page_article .liste-bloc140 .webpart .header,
.page_article .liste-bloc158 .ms-rteElement-cea-rte-left-box-1 li.nv-item  {
	margin: 0 !important;
}
.page_article .liste-bloc220.header-margin .header,
.page_article .liste-bloc158.header-margin .header,
.page_article .liste-bloc140.header-margin .header{
	margin-bottom: 1em !important;
}


.page_article .liste-standard .webpart-list .header {
	margin-bottom: 20px !important;
	text-align: center;
}
.page_article .liste-standard .webpart-list .logo img {
    width: 140px;
}
.page_article .sans-nb-ressource .ms-rteElement-cea-rte-right-box-1 {
	margin-left:0;
}
.page_article .sans-nb-ressource .ms-rteElement-cea-rte-left-box-1 h2,
.page_article .sans-nb-ressource .ms-rteElement-cea-rte-right-box-1 h2 {
	border: 0;
	display: table-cell;  
	font-size: 115%;
	height: 3em;	
	line-height: 1.1em;
	padding-bottom: 0;
	padding-top: 0;
	vertical-align: middle;
	width: 220px; 
}
.page_article .liste-bloc158 .grid_3,
.page_article .liste-bloc158 .ms-rteElement-cea-rte-left-box-1,
.page_article .liste-bloc158 .ms-rteElement-cea-rte-right-box-1,
.page_article .liste-bloc158 .ms-rteElement-cea-rte-left-box-1 h2,
.page_article .liste-bloc158 .ms-rteElement-cea-rte-right-box-1 h2{
	width: 158px !important; 
}

.page_article .liste-bloc158 li.nv-item,
.page_article .liste-bloc158 .ms-rteElement-cea-rte-left-box-1 {
    margin: 8px !important;
}
.page_article .liste-bloc158 .ms-rteElement-cea-rte-left-box-1  {
    margin-bottom: 20px;
	}
.page_article .liste-bloc158 .webpart-mosaic .logo,
.page_article .liste-bloc158 .webpart-mosaic img {
    max-width: 158px !important;
    max-height: 100px;
}
.page_article .liste-bloc140 .grid_3,
.page_article .liste-bloc140 .ms-rteElement-cea-rte-left-box-1,
.page_article .liste-bloc140 .ms-rteElement-cea-rte-right-box-1,
.page_article .liste-bloc140 .ms-rteElement-cea-rte-left-box-1 h2,
.page_article .liste-bloc140 .ms-rteElement-cea-rte-right-box-1 h2 {
	width: 140px !important; 
}
.page_article .liste-bloc140 .ms-rteElement-cea-rte-left-box-1 {
	margin-left: 8px;
}
.page_article .liste-bloc140 .ms-rteElement-cea-rte-right-box-1 {
	margin-left: 0;
}

.page_article .liste-bloc140 .webpart-mosaic .logo,
.page_article .liste-bloc140 .webpart-mosaic img {
    max-width: 140px !important;
    max-height: 90px;
}

/* ----- Home Edition ----- */
.page_article #home-rubrique.edition.liste-bloc140 .grid_3 .logo {
	height: 200px !important;	
	width: 140px !important;
}
.page_article #home-rubrique.edition.liste-bloc140 img {
    max-height: 201px !important;
	max-width: 140px !important;
}
.page_article #home-rubrique.edition.liste-bloc140 .ms-rteElement-cea-rte-right-box-1.poster .grid_3 .logo {
    height: 100px !important;
}
.page_article #home-rubrique.edition.liste-bloc140 .ms-rteElement-cea-rte-right-box-1.poster .figcaption {
    height: 7em !important;
}

/* ---- Home Infographies & Posters : Option Poster --- */
.page_article #home-rubrique.infographie > h2 {
    top: 237px !important;
    left: 0px !important;
}
.page_article #home-rubrique .webpart-list span.logo a[href*="posters"]:before {
 background: #353535 url("/Style%20Library/Themes/global/picto.png") no-repeat -9px -467px;
 content: "";
 display: inline !important;
 height: 26px;
 margin-left: 115px;
 position: absolute;
 text-indent: -9999px;
 width: 26px;
}
.page_article .webpart-list a[href*="infographies"] img {
	width: 138px
}
.page_article .webpart-list strong.title a[href*="infographies"]:before {
	content: "A telecharger";
	display: inline-block;
	color: #353535;
	position: absolute;
	right: 20px;
	font-size: 10px;
	text-transform: uppercase;
	background: #f1f1f1;
	padding: 0 5px;
	font-family: "ubuntu", Tahoma, Geneva, sans-serif;;
	line-height: 1.95em;
}
.page_article .webpart-list strong.title a[href*="infographies"]:after {
	background: #353535 url("/Style%20Library/Themes/global/links_white.png") no-repeat -2px -38px;
	content: "";
	display: inline !important;
	height: 19px;
	width: 19px;
	position: absolute;
	text-indent: -9999px;
	right: 0;
}

/* ------------------------------------------------------------------------- */
/* ---------------------------- ENCART INCRUSTE ---------------------------- */
/* ------------------------------------------------------------------------- */
/* ELEMENTS POUVANT ETRE CUSTOMISES A LA CHARTE DU SITE - EN LOCALE 
/* Encart de mise en avant
/* Webpart Carrousel 
*/
.page_article #encart-incruste {
	background: #f3f3f3;
	border-top: 5px solid #353535;
	padding: 10px;
	float: right;
	margin: 0 -10px 30px;
	width: 700px;
}
.page_article #encart-incruste > h2,
.page_article #encart-incruste .ms-rteElement-cea-rte-left-box-1 > h2 {
	color: #fff;
	background: #353535;
	display: inline-block;
	font-size:100%;
	padding: 5px 10px;
	position: relative;
	text-transform: uppercase;
	top: -10px;
	left: -10px;
}
.page_article #encart-incruste > h4,
.page_article #encart-incruste .ms-rteElement-cea-rte-left-box-1 > h4,
.page_article #encart-incruste .webpart-player .title,
.page_article #encart-incruste webpart-list .header h2 {
	color: #333;
	font-size: 1.5em;
	letter-spacing: 0.025em;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.page_article #encart-incruste > h4,
.page_article #encart-incruste .ms-rteElement-cea-rte-left-box-1 > h4, 
.page_article #encart-incruste .slider-carrousel .caption,
.page_article #encart-incruste .webpart-player .title,
.page_article #encart-incruste .webpart-list .header h2, 
.page_article #encart-incruste .webpart-diapo .footer .thumbs,
.page_article #encart-incruste .webpart-player .header {
	background: none;
}
.page_article #encart-incruste hr,
.page_article #encart-incruste .block-trick,
.page_article #encart-incruste .ms-rteElement-cea-rte-left-box-1,
.page_article #encart-incruste .ms-rteElement-cea-rte-right-box-1 {
	 border: 0;
}
.page_article #encart-incruste .ms-rteElement-cea-rte-left-box-1,
.page_article #encart-incruste .ms-rteElement-cea-rte-right-box-1,
.page_article #encart-incruste .ms-rtestate-read.ms-rte-wpbox .block.clearfix,
.page_article #encart-incruste .ms-rtestate-read.ms-rte-wpbox .block.webpart-media {
	margin-bottom:0;
}
.page_article #encart-incruste .ms-rteElement-cea-rte-left-box-1,
.page_article #encart-incruste .ms-rteElement-cea-rte-right-box-1,
.page_article #encart-incruste .webpart-diapo .footer,  
.page_article #encart-incruste .webpart-diapo .thumbs.clearfix,
.page_article #encart-incruste .webpart-player .header  {
	padding:0;
}
.page_article #encart-incruste hr {
	clear: both;
	height: 0;
	margin: 0 0 15px;
}
.page_article #encart-incruste .ms-rteElement-cea-rte-left-box-1,
.page_article #encart-incruste .ms-rteElement-cea-rte-right-box-1 {
	font-size: 100% !important;
}
.page_article #encart-incruste .ms-rteElement-cea-rte-left-box-1 {
	margin: 0;
}
.page_article #encart-incruste .ms-rteElement-cea-rte-right-box-1 {
	width: 442px !important;
}

/* WebPart : Carrousel */
.page_article #encart-incruste .bx-pager,  
.page_article #encart-incruste .bx-auto {
	bottom: 36% !important;
} 
.page_article #encart-incruste.carrousel .ms-rtestate-read.ms-rte-wpbox {
	margin-top: -13px;	
}
.page_article #encart-incruste .slider-carrousel .caption {
	height: 29%;
	padding-left: 100px;
	width: 600px;
}
.page_article #encart-incruste.carrousel > h2 {
	display: inline;
	left: auto;
	top: 309px;
}
.page_article #encart-incruste .slider-carrousel h2,
.page_article #encart-incruste .slider-carrousel p {
	background: none !important;
	font-weight: inherit !important;
	padding-left:0;
	text-align:left;
}
.page_article #encart-incruste.carrousel .slider-carrousel img {
	border-bottom: 160px solid transparent;
	height: auto;
	width: 112%;
	margin-left: -42px;
}
	
/* WebPart : Diaporama */
.page_article #encart-incruste .webpart-diapo div.bx-window {
	width: 438px !important;
}
.page_article #encart-incruste .webpart-diapo .footer .thumbs ul li {
	height: 35px;
	width: 35px;
}

/* - WebPart Player : Podcast - */
.page_article #encart-incruste .webpart-player .title {
	font-weight: initial;
	padding-bottom: 10px;
	width: 460px;
}
.page_article #encart-incruste .webpart-player .audio {
    background-position: -67px -112px;
}
.page_article #encart-incruste .webpart-player .logo {
	margin:0;
}

/* - WebPart List - */
.page_article #encart-incruste .webpart-list .header,
.page_article #encart-incruste .webpart-list .intro {
	width: 435px;
	margin-left: 250px;
}
.page_article #encart-incruste .webpart-list .header h2 {
	color:#333;
    font-size: 1.95em;
	text-align:left;
}
.page_article #encart-incruste .webpart-list .logo img {
	width: 218px !important;
	position: absolute;
	top: 6px;
}
.page_article #encart-incruste .webpart-list .date {
	display: none !important;
}

/* masquer message expiration mal fichu */
.webpart-form>div:last-child
{
	display:none;
	
}


.webpart-form>div.inner
{
	display:inline !important;
	
}

/* cacher les gotop inpage redondants (2023)*/
p.gotop {display:none;}


/* ------------------------------------------------------------------------- */
/* ------------------- STYLE PROMO PICTOS RESEAUX SOCIAUX ------------------ */
/* ------------------------------------------------------------------------- */

#boutons-reseaux-sociaux a {
	background: #222;
	border-radius: 60px;
	-webkit-border-radius: 60px;
	-moz-border-radius: 60px;
	width: 60px;
	height: 60px;
	display: block;
	margin: 0 9%; }
#boutons-reseaux-sociaux img {
	width: 33px;
	margin-top: 14px; }
#boutons-reseaux-sociaux a:hover {
	background: #eedfd2; }


/* ------------------------------------------------------------------------- */
/* ---------------------------- BACKOFFICE  ---------------------------- */
/* ------------------------------------------------------------------------- */

/* --- Accès barre édition - Navigation secondaire ---*/
#navquick .menu li.last.nav-edit-link  {
	position: absolute;
	margin-top: -2px;
	margin-left: -158px;
}

.nv-item.last.nav-edit-link a {
	color: #0072c6 !important;
	font-weight: normal;
	font-family: "FontFace";
	font-size: 0.9em !important;
}

#aspnetForm #ctl00_PlaceHolderMain_FieldsOnEditMode_ThumbnailImageField_ctl00_RichImageField_ImageFieldDisplay img
{
 max-width:200px !important
}


td
{
 transition:background .5s;
}


.webpart-media .footer .more
{
 display:none
}

.webpart-player .footer a[href="javascript:undefined"]
{
 color:#FFF;
 background:#000;
 padding:2px 5px;
 text-align:center;
 border-bottom-left-radius:3px;
 border-bottom-right-radius:3px;
 margin-top:-3px
 
}


/* masquer le bandeau date sur les pages taguées "page-sans-date" */
/*.cartouche .type:has(a[href*="page-sans-date"]), */
.cartouche .type a[href*="page-sans-date"]
{
 display:none;
}

#content:has(a[href*="page-sans-date"]) #bando-infos
{ visibility:hidden }



/* images format wide (fichiers commençant par prez-bandeau) */
img[alt^="prez-bandeau"]
{
  transform: scale(4);
  margin: 150px -130px 150px -1100px !important;
border-left:1000px solid rgba(189,152,122,.2);
border-right:1000px solid rgba(189,152,122,.2);
	
}