/* 
    Document   : theme-2
    Created on : 17 juil. 2012
    Author     : Romy Duhem-Verdiere
    Description: Theme par defaut du portail CEA
*/

body.v4master { background-image: url(img/bg/background.jpg); }
/* 
#header-wrapper { background-image: url(img/bg/header.jpg); }
*/
#header-wrapper { background-image: none !important; }
#s4-workspace{background-color:transparent}


/* options */
.useParalaxBg {}

/*masquer le menu haut + le bandeau bas CEA*/
#navtop-2 {display : none ;}
#navportal {display : none ;}


/* Base typo */
div#navdropdown h2,
div.grid_9 h2, div.grid_9 .h2,
.ms-rtestate-field H2,
H2.ms-rteElement-H2,
H2.ms-rteElement-H2B,
DIV#popin_definition > *.h2,
DIV#popin_recommander > * h2
{ 
    color: #B3000F; 
}

				
div.grid_9 h3, div.grid_9 .h3,
.ms-rtestate-field H3,
H3.ms-rteElement-H3,
H3.ms-rteElement-H3B,
DIV#popin_definition > *.h3
{ 
    background-image: url(img/puce-h3.gif); 
}


div.grid_9 h5, div.grid_9 .h5,
.ms-rtestate-field H5,
H5.ms-rteElement-H5,
H5.ms-rteElement-H5B,
DIV#popin_definition > *.h5 
{ 
    color: #B3000F;
}

hr { background: #B3000F; color: #B3000F; }

ul.rte-list-1 { list-style-image: url(img/puce-1.gif); }

blockquote { background-image: url(img/blockquote.png); }

.rte-table-1 caption { color: #B3000F; }
.rte-table-2 thead th,.ms-rteTable-CEA-2 th { background-color: #B2000D; color: #FFF; }
.rte-box-1,.ms-rteElement-cea-rte-box-1, .ms-rteElement-cea-rte-right-box-1, .ms-rteElement-cea-rte-left-box-1 { border-color: #B20E0C; }
.rte-box-3,.ms-rteElement-cea-rte-box-3, .ms-rteElement-cea-rte-right-box-3, .ms-rteElement-cea-rte-left-box-3 { background-color: #B20E0C; border-color: #B20E0C; }

/* Forms */
.btn-primary, input[type="submit"].btn-primary {
  color: #FFF !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #B20E0C !important;
  *background-color: #B20E0C;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#B20E0C), to(#BF1714));
  background-image: -webkit-linear-gradient(top, #B20E0C, #BF1714) ;
  background-image: -o-linear-gradient(top, #B20E0C, #BF1714);
  background-image: linear-gradient(to bottom, #B20E0C, #BF1714);
  background-image: -moz-linear-gradient(top, #B20E0C, #BF1714);
  background-repeat: repeat-x;
  border-color: #B20E0C #BF1714 #002a80;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:dximagetransform.microsoft.gradient(startColorstr='#B20E0C', endColorstr='#BF1714', GradientType=0);
  filter: progid:dximagetransform.microsoft.gradient(enabled=false);
}
.btn-primary:hover,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {
  color: #FFF;
  background-color: #B20E0C !important;
  *background-color: #BF1714;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #003399 \9;
}

/* Layout */
.baseline strong.h1 { color: #af0e0b; }
.breadcrumb .here { color: #B20E0C; }

/* nav */
#navprimary #nav li.nv-item a { padding: 0.6em 10px 3px; border-bottom:7px solid #353535; }

#navprimary #nav li.active,
#navprimary #nav li.nv-item:focus,
#navprimary #nav li.nv-item:hover,
#navprimary #nav li.nv-item:active { background-color:inherit; }

#navprimary #nav li.nv-item:focus a,
#navprimary #nav li.nv-item:hover a,
#navprimary #nav li.nv-item:active a { border-bottom:7px solid #b20e0c; }

#navprimary #nav li.active a {border-bottom:none;padding: 0.6em 10px 20px;background-color: #353535;}
#navprimary #nav li.active:focus a,
#navprimary #nav li.active:hover a,
#navprimary #nav li.active:active a {border-bottom:none;}

#navprimary #nav li.on { background-color: #b20e0c; }
#navprimary #nav li.on a { border-bottom:7px solid #b20e0c;}
#navprimary #nav li.on.active a { border-bottom:none;}

#navdropdown .close { background-color: #B20E0C; }

#navsub .level2 .nv-item a { background-image: url(img/puce-navsub-2.gif); }
#navsub .level2 .nv-item ul a { background-image: none ; }

#navsub .nv-item.on a { color: #b20e0c; }
#navsub .nv-item.on ul a { color: #333; }
#navsub .nv-item .nv-item.on a { color: #b20e0c; }
#navsub .nv-item .nv-item.on ul a { color: #6c6c6c; }



/* DropDown - Onglet Partnairs */
#navdropdown #menu-3 ul.menu-vertical>li.level1{
  display: inline-block;
  height: 60px !important;
  width: 220px !important;
  padding: 0px !important;
  margin-right: 10px !important;
  margin-bottom: 10px !important;
  background-color: #EFEFEF;
  background-repeat: no-repeat !important;
  background-position: center center !important;
}
#navdropdown #menu-3 ul.menu-vertical>li.level1:hover{
  cursor: pointer;
  background-color: #FFFFFF;
}
#navdropdown #menu-3 ul.menu-vertical>li.level1>a
{
  padding: 0px;
  margin: 0px;
  color: transparent;
  display: block;
  height: 60px !important;
  width: 220px !important;
}

#navdropdown #menu-3 ul.menu-vertical>li.level1.nv-item-1{
  background-image: url("img/sprite/logoVTT.png") ;
}
#navdropdown #menu-3 ul.menu-vertical>li.level1.nv-item-2{
  background-image: url("img/sprite/logoCEA.png") ;
}
#navdropdown #menu-3 ul.menu-vertical>li.level1.nv-item-3{
  background-image: url("img/sprite/logoIWKS.png") ;
}
#navdropdown #menu-3 ul.menu-vertical>li.level1.nv-item-4{
  background-image: url("img/sprite/logoLCM.png") ;
}
#navdropdown #menu-3 ul.menu-vertical>li.level1.nv-item-5{
  background-image: url("img/sprite/logoSIEMENS.png") ;
}
#navdropdown #menu-3 ul.menu-vertical>li.level1.nv-item-6{
  background-image: url("img/sprite/logoTUDA.png") ;
}
#navdropdown #menu-3 ul.menu-vertical>li.level1.nv-item-7{
  background-image: url("img/sprite/logoTEKNA.png") ;
}

/* DropDown - Onglet Découvrir et comprendre */
#navprimary #nav li.nv-item a.menu-4 { background-color: #585958;border-bottom:7px solid #585958;  }
#navprimary #nav li:focus a.menu-4,
#navprimary #nav li:hover a.menu-4,
#navprimary #nav li:active a.menu-4 {border-color:#870b85;}

#navprimary #nav li.active a.menu-4 {border-bottom:none;}

#navdropdown #menu-4{background: url("img/bg/navdropdown.png") no-repeat scroll right bottom transparent; padding-bottom:10px;}
#navdropdown #menu-4 .menu-prez { background: url("img/menu-separator.png") repeat-y scroll 228px top transparent; margin-right: 0; padding-right: 10px; }
#navdropdown .menu-dropdown {margin: 20px 0 10px;}
#navdropdown #menu-4 .level1 {padding:0;margin-right:5px;margin-left:5px;height: 45px !important;}

#navdropdown #menu-4 .level1.nv-item-1 a,
#navdropdown #menu-4 .level1.nv-item-2 a,
#navdropdown #menu-4 .level1.nv-item-3 a,
#navdropdown #menu-4 .level1.nv-item-4 a,
#navdropdown #menu-4 .level1.nv-item-5 a,
#navdropdown #menu-4 .level1.nv-item-6 a,
#navdropdown #menu-4 .level1.nv-item-7 a,
#navdropdown #menu-4 .level1.nv-item-8 a,
#navdropdown #menu-4 .level1.nv-item-9 a {background: url("img/sprite/picto_decouverte.png") no-repeat top left; display: block; font-weight: bold; padding-left: 60px;min-height:35px;}


#navdropdown #menu-4 .level1.nv-item-2 a { background-position:left -60px;}
#navdropdown #menu-4 .level1.nv-item-3 a { background-position:left -115px;}
#navdropdown #menu-4 .level1.nv-item-4 a { background-position:left -115px;}
#navdropdown #menu-4 .level1.nv-item-5 a { background-position:left -240px;}
#navdropdown #menu-4 .level1.nv-item-6 a { background-position:left -355px;}
#navdropdown #menu-4 .level1.nv-item-7 a { background-position:left -420px;}
#navdropdown #menu-4 .level1.nv-item-8 a { background-position:left -475px;}
#navdropdown #menu-4 .level1.nv-item-9 a { background-position:left -300px;}

#navdropdown #menu-4 .level1.nv-item-10, 
#navdropdown #menu-4 .level1.nv-item-11,
#navdropdown #menu-4 .level1.nv-item-12 {height:auto !important;margin-top: 1em;margin-bottom:0;}

#navdropdown #menu-4 .level1.nv-item-10 a, 
#navdropdown #menu-4 .level1.nv-item-11 a,
#navdropdown #menu-4 .level1.nv-item-12 a { background-repeat: no-repeat; background-position:top left; text-transform:uppercase; color:#fff; font-size:1.231em; padding-left: 35px; display:block; }

#navdropdown #menu-4 .level1.nv-item-10 a { background-image: url("img/bg/bg-mediatheque.gif"); }
#navdropdown #menu-4 .level1.nv-item-11 a { background-image: url("img/bg/bg-espace-jeune.gif"); }
#navdropdown #menu-4 .level1.nv-item-12 a { background-image: url("img/bg/bg-enseignant.gif"); }

li.nv-item-11 a{padding-top:10px}

/* content, pages, blocks, etc. */
#content .surtitre { color: #B3000F; }

.date { color: #B3000F; }
.location {}
.feed img {background:url(img/rss.png) no-repeat top left;}

.pagination li a:focus,
.pagination li a:hover,
.pagination li a:active,
.pagination li.on a { background-color: #B3000F; }
.pagination a.prev, 
.pagination a.next { color: #B3000F; }

.alphabet li a:focus,
.alphabet li a:hover,
.alphabet li a:active,
.alphabet li.on a { background-color: #B3000F; }

/* Pages */
.page_fiche .rte-table-2 caption { background: #B2000D; }

/* Blocks */
.block-more .header h2 { background-image: url(img/puce/title-block-more.gif); }
.block-trick .date { background-image: url(img/puce/block-trick.gif); }

#chapitres .inner li { background-image: url(img/puce-1.gif); }
#chapitres .footer a:focus,
#chapitres .footer a:hover,
#chapitres .footer a:active { background-color: #B20E0C; }

/* Home */
#navdirect h2 { background-color: #B20E0C; }
.block-filnews .footer { background: #B20E0C; }

/* recherche / plan */
.page_plan #content h2,
.page_plan #content h2 a { color: #B3000F; }
.srch-Description2 strong { background-color: #B3000F; }

/* Webparts */
.webpart-agenda .menu .location { color: #B3000F; }
.webpart-mosaic .on a { color: #B3000F; }
.webpart-mosaic .footer .more a { background-color: #B3000F; }
.webpart-mosaic h2 { color: #B3000F; }

#slideshow #pager .on a { background-color: #B3000F; }

/* Newsfeed Render Web Part */
.newsfeed-item-summary { color:#6B6B6B; }
.newsfeed-item-title { }


/**************
  Schema 22/01/2021 TMMA - modifications pour IE (min-width=700px et sur span,  width: 100%; et display inline-block)
**************/

#schema {
  font-family: Calibri;
  min-height: 200px;
  display: flex;
  padding-top: 50px;
  min-width: 700px;
}

#schema > [id^="schema_"] {
  display: flex;
  flex-direction: column;
}

#schema > [id^="schema_"]:not(:last-child) {
  margin-right: 30px;
}

#schema .schema_bloc {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  border-radius: 6px;
  flex-grow: 1;
  padding: 10px;
}

#schema .schema_bloc > span {
  color: white;
  font-size: 14pt;
  font-weight: bold;
}

#schema #schema_links .schema_bloc > span, 
#schema #schema_steps .schema_bloc > span {
	width: 100%;
	display: inline-block;
}

#schema > [id^="schema_"] > *:not(:last-child) {
  margin-bottom: 20px;
}

/* Groupe "Links" */

#schema_links {
  flex-grow: 2;
  flex-basis: 20%;
}

#schema_links > .schema_bloc {
  background: rgb(197, 90, 17);
}

/* Groupe "Steps" */

#schema_steps {
  flex-basis: 50%;
  flex-grow: 3;
  position: relative;
}

#schema_steps:before {
  width: 100%;
  content: "NdFeB 3D-printed magnet process chain";
  font-size: 14pt;
  color: rgb(0, 112, 192);
  font-weight: bold;
  font-style: italic;
  text-align: center;
  position: absolute;
  top: -40px;
}

#schema > #schema_steps > *:not(:last-child) {
  margin-bottom: 2px;
}

#schema_steps > .schema_bloc {
  background: rgb(74, 133, 252);
}

#schema_steps > .schema_flow_arrow {
  align-self: center;
  margin: 2px;
}

/* Groupe "Flow" */

#schema_flow {
  flex-grow: 0;
}

#schema_flow > .schema_bloc {
  background: rgb(84, 130, 53);
  writing-mode: tb-lr;
  writing-mode: vertical-lr;
  width: 40px;
  position: relative;
  margin-bottom: 30px;
  border-radius: 6px 6px 0 0;
}

#schema_flow > .schema_bloc:after {
  position: absolute;
  left: 0px;
  bottom: -30px;
  content: "";
  border-left: 30px solid transparent;
  border-right: 30px solid transparent;
  border-top: 30px solid rgb(84, 130, 53);
}