﻿/* 
    Document   : theme-NetEuratom
    Created on : 22 décembre 2022
    Author     : Hugo Tritz
    Description: Theme modifié à partir du thème par defaut du portail CEA
*/
/********** MAJ COULEUR ****************/
/*rouge B20E0C remplacé par bleu 000066*/
/*rouge B3000F remplacé par bleu 04009A*/

/*Ajout CR dec 2022 pour masquer le header et le footer*/
#navtop-1 { display: none;}
#navtop-2 { display: none;}
/*#branding { display: none;}*/
/*#search { display: none;}*/
/*#footer { display: none;} */
#navportal-header { display: none;}
#navportal-map { display: none;}
/*Fin Ajout CR*/

body.v4master { background-image: url(img/bg/background.jpg); }
/* MAJ CR dec 2022 pour cacher l'image de fond des chercheurs
#header-wrapper { background-image: url(img/bg/header.jpg); }
*/
#header-wrapper { background-image: none !important; }
/*couleur bleue 000066*/
/*#header-wrapper  { background-color: #000066; }*/

#s4-workspace{background-color:transparent}



/*Couleur de la pagination du carrousel*/
webpart-slider .pager-active {
    background-color: #000066 !important; 
	font-family:'MinionPro-Regular';
}
/*Le menu est sur 2 lignes on elargit de 960 à 975px*/
.container_12 {
	width: 975px;
}

/* options */
.useParalaxBg {}

/* Base typo */
/*ajout des polices dans les différents formats web
	couleur H2 rouge B3000F remplacé par 04009A 
	configuration taille, épaisseur*/
@font-face {
    font-family: 'Minion Pro';
    src: url('MinionPro-Regular.eot');
    src: url('MinionPro-Regular.eot?#iefix') format('embedded-opentype'),
        url('MinionPro-Regular.woff2') format('woff2'),
        url('MinionPro-Regular.woff') format('woff'),
        url('MinionPro-Regular.ttf') format('truetype'),
        url('MinionPro-Regular.svg#MinionPro-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('MinionPro-Bold.eot');
    src: url('MinionPro-Bold.eot?#iefix') format('embedded-opentype'),
        url('MinionPro-Bold.woff2') format('woff2'),
        url('MinionPro-Bold.woff') format('woff'),
        url('MinionPro-Bold.ttf') format('truetype'),
        url('MinionPro-Bold.svg#MinionPro-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Minion Pro';
    src: url('MinionPro-It.eot');
    src: url('MinionPro-It.eot?#iefix') format('embedded-opentype'),
        url('MinionPro-It.woff2') format('woff2'),
        url('MinionPro-It.woff') format('woff'),
        url('MinionPro-It.ttf') format('truetype'),
        url('MinionPro-It.svg#MinionPro-It') format('svg');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('Quicksand-Bold.eot');
    src: url('Quicksand-Bold.eot?#iefix') format('embedded-opentype'),
        url('Quicksand-Bold.woff2') format('woff2'),
        url('Quicksand-Bold.woff') format('woff'),
        url('Quicksand-Bold.ttf') format('truetype'),
        url('Quicksand-Bold.svg#Quicksand-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Quicksand';
    src: url('Quicksand-Medium.eot');
    src: url('Quicksand-Medium.eot?#iefix') format('embedded-opentype'),
        url('Quicksand-Medium.woff2') format('woff2'),
        url('Quicksand-Medium.woff') format('woff'),
        url('Quicksand-Medium.ttf') format('truetype'),
        url('Quicksand-Medium.svg#Quicksand-Medium') format('svg');
    font-weight: 500;
    font-style: normal;
    font-display: swap;
}
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: #000066;
	font-family: 'Quicksand' 
	font-size: 20px
}

				
div.grid_9 h3, div.grid_9 .h3,
.ms-rtestate-field H3,
H3.ms-rteElement-H3,
H3.ms-rteElement-H3B,
DIV#popin_definition > *.h3
{ 
    color: #000066; 
	font-family: 'Quicksand' 
	font-size: 30px 
}


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: #000066; 
	font-family: 'Quicksand' 
	font-size: 30px
}

h1{
	font-family: 'Quicksand';
	font-size: 30px; 
	font-weight: 575;
	Color : #000066
}

body{
	font-family: 'MinionPro-Regular';
	font-size: 18px; 
}

hr { background: #000066;
     color: #000066 ; 
	 font-family:'Quicksand';
	 font-size: 30px
	 }

ul.rte-list-1 { list-style-image: url(img/puce-1.gif); color : #000066 ; font-family:'Quicksand';font-size: 25px}

blockquote { background-image: url(img/blockquote.png); font-family:'Quicksand';font-size: 20px}

.rte-table-1 caption { color: #000066; font-family:'Quicksand'; font-size: 20px}
.rte-table-2 thead th,.ms-rteTable-CEA-2 th { background-color: #000066; color: #000066; font-family:'Quicksand'; font-size: 20px}
.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: #000066;font-family:'Quicksand';font-size: 20px}
.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: #000066; border-color: #000066;font-family:'Quicksand';font-size: 20px}

/* Forms */
/*on remplace la couleur rouge B20E0C du bouton recherche par du bleu 004595*/
/*dégradé rouge BF1714 vers bleu 245EC3*/
.btn-primary, input[type="submit"].btn-primary {
  color: #FFF !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  font-family:'Quicksand';
  background-color: #000066 !important;
  *background-color: #000066;
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#000066), to(#04009A));
  background-image: -webkit-linear-gradient(top, #000066, #04009A) ;
  background-image: -o-linear-gradient(top, #000066, #04009A);
  background-image: linear-gradient(to bottom, #000066, #04009A);
  background-image: -moz-linear-gradient(top, #000066, #04009A);
  background-repeat: repeat-x;
  border-color: #000066 #04009A #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='#000066', endColorstr='#04009A', 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;
  font-family:'Quicksand';
  background-color: #000066 !important;
  *background-color: #04009A;
}

.btn-primary:active,
.btn-primary.active {
  background-color: #000066 \9;
  font-family:'Quicksand';
}

/* Layout */
.baseline strong.h1 { color: #af0e0b; font-family:'Quicksand';}
.breadcrumb .here { color: #B20E0C; font-family:'Quicksand';}

/* nav */
/*on remplace le gris 353535 et 333 du menu par du bleu ciel D3F0F9*/
/*on remplace le gris 353535 et 333 du menu par du bleu 004595*/
/*ajout background*/
#navprimary #nav{ background: #000066; font-family:'Quicksand';}

#navprimary #nav li.nv-item a { padding: 0.6em 10px 3px; border-bottom:7px solid #000066; font-family:'Quicksand'; font-size: 14px; }

#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; font-family: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: #000066; font-family:'Quicksand'; font-size:14px; }
#navprimary #nav li.active:focus a,
#navprimary #nav li.active:hover a,
#navprimary #nav li.active:active a {border-bottom:none;}

/*on remplace la couleur rouge B20E0C de la home par du bleu 000066*/
#navprimary #nav li.on { background-color: #000066; font-family:'Quicksand'; font-size: 14px; }

#navprimary #nav li.on a { border-bottom:7px solid #000066; font-family:'Quicksand'; font-size: 14px; }
#navprimary #nav li.on.active a { border-bottom:none;}

#navdropdown .close { background-color: #000066; font-family:'Quicksand'; font-size: 14px; }

#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: #000066; font-family:'Quicksand'; font-size: 14px; }
#navsub .nv-item.on ul a { color: #000066; font-family:'Quicksand'; font-size: 14px; }
#navsub .nv-item .nv-item.on a { color: #000066; font-family:'Quicksand'; font-size: 14px; }
#navsub .nv-item .nv-item.on ul a { color: #000066; font-family:'Quicksand'; font-size: 14px; }

/* DropDown - Onglet DÃ©couvrir et comprendre - "éclair et loupe" */
/*MAJ CR sept 2018/dec 2022*/
/*
#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: #000066; font-family:'Quicksand';}.block-filnews .inner { background: none !important;}


/*Remplace couleur rouge B3000F date LC Actus par du bleu 245EC3*/
.date { color: #000066; font-family:'Quicksand';}
.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: #000066; }
.pagination a.prev, 
.pagination a.next { color: #000066; font-family:'Quicksand'; }

.alphabet li a:focus,
.alphabet li a:hover,
.alphabet li a:active,
.alphabet li.on a { background-color: #000066; }

/* Pages */
.page_fiche .rte-table-2 caption { background: #000066; }

/* Blocks */
.block-more .header h2 { background-image: url(img/puce/title-block-more.gif); font-family:'Quicksand'; }
.block-trick .date { background-image: url(img/puce/block-trick.gif); font-family:'Quicksand'; }
.block-filnews .inner { background: none !important;}

#chapitres .inner li { background-image: url(img/puce-1.gif); font-family:'Quicksand'; }
#chapitres .footer a:focus,
#chapitres .footer a:hover,
#chapitres .footer a:active { background-color: #000066; font-family:'Quicksand'; }

/* Home */
#navdirect h2 { background-color: #000066; }
/*Remplace couleur rouge "Voir plus" B20E0C par du bleu 004595*/
.block-filnews .footer { background: #000066; }

/* recherche / plan */
.page_plan #content h2,
.page_plan #content h2 a { color: #000066; font-family:'Quicksand'; }
.srch-Description2 strong { background-color: #000066; }

/* Webparts */
.webpart-agenda .menu .location { color: #000066; font-family:'Quicksand'; }
.webpart-mosaic .on a { color: #000066; font-family:'MinionPro-Regular'; }
.webpart-mosaic .footer .more a { background-color: #000066; font-family:'Quicksand'; }
.webpart-mosaic h2 { color: #000066; font-family:'Quicksand'; }

#slideshow #pager .on a { background-color: #000066; font-family:'Quicksand'; }

/* Newsfeed Render Web Part */
.newsfeed-item-summary { color:#000066; font-family:'Quicksand';}
.newsfeed-item-title { }