/* 
    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/headers.jpg); }
#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 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 { }