/* $Id: local_sample.css,v 1.2.2.2 2009/12/22 06:47:47 jwolf Exp $ */

/* Local CSS
-------------------------------------------------------------- */

/**
 * Put your custom css and css overrides in this file and
 * rename it local.css. By restricting your css changes 
 * to local.css, your changes will not be overwritten when
 * upgrading to a new version of this theme.
 *
 *  Steps to activate local.css:
 *  1. Add your custom css to this file.
 *  2. Rename this file to local.css  
 */
html {
	color:#333333;
	background-color: #E8E8E8;
}

body {
	background: url('images/bg.jpg') repeat-y top;
	background-color: #E8E8E8;
}
 
 #legal-notice {
  display: none;
}

#page {
/*background:#E8E8E8 url('images/bg.jpg') repeat-y top; FC : fonds avec un minimum modifs - Attention à la hauteur*/
margin:0 auto;
width:960px;
}

#header .block-wrapper  {
margin:0;
}

div.block-wrapper {                    /* spacing between blocks */
  margin: 10px 0;
}

#content {
  margin: 0 0 20px 0px;             /*default spacing between content regions */
}
 
 h1 {
  font-size: 1.8em;
  line-height: 1;
  margin-bottom: 12px;
}

/*********/
/* GENERAL */
/*********/
.txt-orange{
	color: #EC7A00;
}
.txt-bleu{
	color: #323F77;
}
.txt-petit{
	font-size: 10px;
}

/************/
/* HEADINGS */
/************/

h1.title {                                        /* page titles */
  border-bottom: 1px solid #D6DDB9;
  clear: left;    /* LTR */
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.833em;
  font-weight: 600;
  line-height: 1.2727em;
}  

h2.title {                                        /* block titles, node titles */
  font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
  font-size: 1.333em;
  font-weight: 600;
  margin: 0;
  text-transform: none;
}  

h2.title a:link,
h2.title a:visited {
}  


h2.title a:hover,
h2.title a:active {
  color: #619CBE;
  text-decoration: none;
}  

div.node h2.title {
  border-bottom: 1px solid #d6ddb9;
}

/*Panels*/
.panel-2col-bricks .panel-col-first {
width:66.6%
}

.panel-2col-bricks .panel-col-last {
width:33.3%
}

/*Header*/

#header {
	background-color: #7AB51D;
	padding:0;
	/*width:960px;
	margin:0 auto;*/
}

#header-wrapper {
	position: relative;
	 /*background-color: #FABA00;
	 width: 960px;  
	 margin: 0 auto;  FC : 960px si pas bg.jpg*/
	  z-index: 5;    /* fixes IE z-index bug */  
	/*padding-left: 15px;essai old style*/
}

/*---BANDEAU MAGNARD : Enseignant(39) & Eleve(40)---*/
#header-top #block-block-39 .content,
#header-top #block-block-40 .content{
    height: 40px;
    background: url('images/bandeau-menu-magnard-bg.png') repeat-x;
	padding: 8px 10px 8px;
}
#header-top #block-block-39 .content p,
#header-top #block-block-40 .content p{
    margin: 0px;
}
#header-top #block-block-39 .content .logo-magnard a,
#header-top #block-block-40 .content .logo-magnard a{
    display: block;
	height: 25px;
	width: 135px;
	background: url('images/logo-magnard.png') no-repeat;
	float: left;
	margin: 0px;
}
#header-top #block-block-39 .content .logo-enseignant,
#header-top #block-block-40 .content .logo-enseignant{
    /*display: block;
	height: 25px;
	width: 135px;*/
	float: left;
    font-size: 18px;
    color: #FFCC00;
	padding-left: 5px;
}
#header-top #block-block-39 .content ul,
#header-top #block-block-40 .content ul{
	padding: 0;
}
#header-top #block-block-39 .content .menu li.leaf,
#header-top #block-block-40 .content .menu li.leaf{
    float: right;
	background: none;
}
#header-top #block-block-39 .content .menu li a,
#header-top #block-block-40 .content .menu li a{
    display: block;
    padding: 0px 3px;
    font-size: 14px;
    color: #FFF;
	text-decoration: none;
	outline: none;
}
#header-top #block-block-39 .content .menu li a:hover,
#header-top #block-block-40 .content .menu li a:hover{
    color: #69A9C9;
}
#header-top #block-block-39 .content .menu li a img,
#header-top #block-block-40 .content .menu li a img{
    vertical-align: middle;
}
#header-top #block-block-39 .content p a,
#header-top #block-block-40 .content p a{
	padding-left: 8px;
    color: #FFCC00;
	font-family:arial;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
}
#header-top #block-block-39 .content p a:hover,
#header-top #block-block-40 .content p a:hover{
    color: #FFF;
}

/*Logo*/
#logo{
	padding-left: 10px;		/*ROMAIN : recentrer le logo vers la gauche*/
}

/*---BLOC LOGIN---*/
#header-last{
	margin-top: 0;
}

#header-wrapper #block-logintoboggan-0, #block-user-0 {
	margin-right: 10px;
	padding: 5px;
	background: url(images/fd_bloc_login.png) repeat;
	color: #000;
	-moz-border-radius: 7px;
	-webkit-border-radius: 5px;
	padding: 10px;
}

#header-wrapper #block-logintoboggan-0 h2.title, #block-user-0 h2.title {
	background: url(images/pic_login.png) no-repeat;
    height: 31px;
    padding: 5px 0 0 50px;
}

/********************************/
/* ONGLETS */
/********************************/

#primary-menu-wrapper {
	background-color: #7AB51D;
	/*width:960px; FC : 960px si pas bg.jpg*/
}

#primary-menu{
	margin-top: 0; /*ROMAIN : limite espace entre menu classe et logo*/
	padding: 0 80px 0 0;
	font-size: 16px;
	text-transform: none;
}

#primary-menu ul.menu li.first{ /*ROMAIN : design des onglets (menu niveau scolaire)*/
	background: transparent url('images/onglet-6e-gauche.png') no-repeat left 0;
	padding: 0 0 0 16px;
}

#primary-menu ul.menu li.first a { /*ROMAIN : design des onglets*/
	background: transparent url('images/onglet-6e-droite.png') no-repeat right 0;
	outline: none;
	padding: 10px 28px 5px 10px;
}

#primary-menu ul.menu li.first ul,
#primary-menu ul.menu li.last ul { /*ROMAIN : design des onglets*/
	margin: -1px 0 0 -15px;
	background: none;
}
#primary-menu ul.menu li.first ul li{
	background: #ffd51c;
	border-bottom: 1px solid #d9b100;
}

#primary-menu ul.menu li.last ul li{
	background: #2bbbdd;
	border-bottom: 1px solid #0d93b3;
}

#primary-menu ul.menu li.last{ /*ROMAIN : design des onglets (menu niveau scolaire)*/
	background: transparent url('images/onglet-5e-gauche.png') no-repeat left 0;m
	padding: 0 0 0 16px;
}

#primary-menu ul.menu li.last a { /*ROMAIN : design des onglets*/
	background: transparent url('images/onglet-5e-droite.png') no-repeat right 0;
	color: #154B70;
	padding: 10px 28px 5px 10px;
	outline: none;
}

#primary-menu ul.menu li.last a:hover { /*ROMAIN : design des onglets*/
	color: #FFF;
}

#primary-menu ul.menu li:hover, #primary-menu ul.menu li.hover, #primary-menu ul.menu li.active-trail { /*ROMAIN : design des onglets*/
	background-position: left -39px;
}

#primary-menu ul.menu li a:hover, #primary-menu ul.menu li:hover a, #primary-menu ul.menu li.hover a, #primary-menu ul.menu li.active-trail a { /*ROMAIN*/
	background-position: right -39px;
}



/********************************/
/* PREFACE REGIONS */
/********************************/

#preface {
	background:url("images/fd_preface.png") repeat-x scroll center top #DFE44F;
	min-height:1px;
	position:relative;
	z-index:5;
}

#preface-wrapper {
	color: #fff;
	font-family: Myriad Pro, Myriad Web Pro Regular, Lucida Grande, Geneva, Trebuchet MS, sans-serif;
	font-size: 1.5em;
	padding: 10px 0 8px 0;
	/*width: 960px;
	margin: 0 auto;*/
}
#block-views-carousel_accueil-block_1{
	width:100%;
	text-align:center;
}

/*Old preface*/

#preface-wrapper div.block ul li {
  background: url('images/green-checkmark.png') no-repeat 0 1em;
  list-style-image: none;
  list-style-type: none;
  padding: 1.2em 0 0 2.222em;
  color:#336A8B;
}


#preface-wrapper h3{
color:#FFFFFF;
}


#block-menu-menu-collection h2.block-title {
	background:#336A8B;
}

#block-views-bandeau_accueil-block_1 img.imagefield {
float:left;
margin-left:10px;
}
#block-views-bandeau_accueil-block_1 .views-field-field-bd-txt-value {
float:right;
width:75%;
}
/*Content top*/

#content-wrapper body {
	padding: 0px 10px;
	width:940px;
	margin : 0;
}

body.layout-main #content-wrapper {
	padding: 0px 10px;
	width: 940px;
	min-height: 500px;
	margin : 0;
}

/* PICTO TITRE*/
/*#content-wrapper #content #content-inner h1.title{
	background: url('images/picto-conseil.png') no-repeat left;
	height: 50px;
	padding: 15px 0 0 55px;
}*/

/* Picto Titre Conseil pour réviser*/
#content-wrapper #content #tit-conseils h2.pane-title{
	background: url('images/picto-ardoise.png') no-repeat left;
	height: 50px;
	padding: 25px 0 0 55px;
    margin-bottom: 0;
	font-size: 20px;
}

#panel-conseils-pour-reviser .wrap-corner .r-edge {
	padding-top: 0;
}

#main-wrapper {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background: none;
/*background:#FFF url(images/content-gradient.png) repeat-x scroll 0 1px;
/*margin:0 auto;
width:960px;*/
}
#main-wrapper #main .feed-icon{
margin-left:230px;
margin-bottom:10px;
}
/*********/
/* Blocs menu */
/*********/

body.layout-first-main #sidebar-first {
	margin-top: 0;
	width: 218px;
	border-bottom: 1px dotted #DDDDDD;
	border-right: 1px dotted #DDDDDD;
}

/*---EFFACER CONTOUR ROUNDED---*/
div.rounded-outside, div.rounded-inside {
	background: none;
}
div.rounded-block-top-left, div.rounded-block-top-right, div.rounded-block-bottom-left, div.rounded-block-bottom-right {
	background: none;
}

/*---MENU OUVRAGES (extrait couv)---*/
#sidebar-first #block-panels_mini-bloc_ouvrage  .content,
#sidebar-first #block-panels_mini-bloc_ouvrage_eleve  .content{
	background: #FFF url(images/fond-menu.png) repeat-x scroll 0 0;
    margin : 0;
    padding: 0;
    width: 210px;
}
#sidebar-first #block-panels_mini-bloc_ouvrage  .content .views-field-field-titre-court-value,
#sidebar-first #block-panels_mini-bloc_ouvrage_eleve  .content .views-field-field-titre-court-value {
	padding: 4px 0 0 4px;
	text-align: left;
}
#sidebar-first #block-panels_mini-bloc_ouvrage  .content .views-field-field-titre-court-value span.field-content,
#sidebar-first #block-panels_mini-bloc_ouvrage_eleve  .content .views-field-field-titre-court-value span.field-content{
    margin: 0;
    width: 210px;
    height: 42px;
	font-size: 14px;
	font-weight: bold;
}
#sidebar-first  #block-panels_mini-bloc_ouvrage .panel-col-top {
	height: 42px;
}
#sidebar-first  #block-panels_mini-bloc_ouvrage .center-wrapper{
	height: 156px;
}
#sidebar-first  #block-panels_mini-bloc_ouvrage_eleve .panel-col-last{
	padding: 10px 0 0 0;
}
#sidebar-first #block-panels_mini-bloc_ouvrage .view-tous-bloc-ouvrage-accueil p{
	margin: 0;
}
#sidebar-first .panel-2col-stacked .panel-col-first, .panel-col-last{
	width: auto;
}
#sidebar-first #block-panels_mini-bloc_ouvrage .panel-col-first .views-field-field-tcon18-imgcouv-fid{
	padding: 15px 0 0 7px;
}
#sidebar-first  #block-panels_mini-bloc_ouvrage_eleve .views-field-field-tcon18-imgcouv-fid{
	padding: 25px 0 0 0;
	text-align: center;
}

/*Menu principal (style global: flèches oranges,etc)*/
#sidebar-first h2, #sidebar-first h2.block-title {
	background: none repeat scroll 0 0 transparent;
	color: #EC7A00;
	font-size: 18px;
	padding: 0;
	text-align: left;
	text-shadow: none;
	font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
	font-weight: normal;
}
#sidebar-first div.block-icon{
	background: none;
}
#sidebar-first  li{
    border-bottom : 1px;
    border-top : 0;
    border-right: 0;
    border-left: 0;
    border-style: dotted;
    border-bottom-color : #AAAAAA;
}
#sidebar-first  li a, li a:link, li a:visited {
    color: #4A4C46;
}
#sidebar-first  li a.active {
    color: #EC7A00;
	text-decoration: none;
}
#sidebar-first ul li {
	background:transparent url(images/fleche-menu.gif) no-repeat scroll left center;
}

/*Menu Ressource*/
#sidebar-first  #block-panels_mini-bloc_menu_ressources div.content{
	padding: 0;
}
#sidebar-first  #block-panels_mini-bloc_menu_ressources .content .panels-flexible-region-inside{
	padding: 0;
}
#sidebar-first  #block-panels_mini-bloc_menu_ressources .content .view-liste-ressources p{
	font-style: italic;
}

/*Menu Sommaire*/
#sidebar-first  #block-panels_mini-sommaire .content{
	padding: 5px 0 0;
}
#sidebar-first  #block-panels_mini-sommaire h2.title{
	padding: 0;
	background: none;
	font-size: 18px;
	font-family: Tahoma,Verdana,Arial,Helvetica,sans-serif;
	font-weight: normal;
	text-align: left;
	color: #EC7A00;
	text-shadow: none;
}
#sidebar-first .view-sommaire div.item-list ul{
	display: none;
}
#sidebar-first .view-sommaire .item-list h3{
	padding:0 0 5px 17px;
	margin:5px 0;
	background: transparent url(images/fleche-menu.gif) no-repeat scroll left center;
    border-bottom : 1px;
    border-top : 0;
    border-right: 0;
    border-left: 0;
    border-style: dotted;
    border-bottom-color : #AAAAAA;
	font-size: 1em;
	font-weight: bold;
	line-height: 110%;
}
#sidebar-first .view-sommaire .item-list h3 a, .item-list h3 a:link, .item-list h3 a:visited {
    color: #4A4C46;
	font-size: 1em;
	font-weight: normal;
}
#sidebar-first .view-sommaire .item-list h3 a.active {
    color: #EC7A00;
	text-decoration: none;
	font-size: 1em;
	font-weight: bold;
}

/*********/
/* MAIN */
/*********/

/*VUE ALL RESSOURCES*/
#content-wrapper  #content-content .view-liste-ressources table{
	margin: 0;
}
#content-wrapper  #content-content .view-liste-ressources tbody{
	border: none;
}
#content-wrapper  #content-content .view-liste-ressources tr{
	padding: 0;
}
#content-wrapper  #content-content .view-liste-ressources td{
	padding: 0;
}
#content-wrapper  #content-content .view-liste-ressources td.txt-bleu{
	padding: 0;
	font-size: 0.8em;
}
#content-wrapper  #content-content .view-liste-ressources td.txt-page{
	width: 100px;
	font-weight: normal;
}
#content-wrapper  #content-content .view-liste-ressources td.txt-princ{
	font-size: 1.2em;
}
#content-wrapper  #content-content .view-liste-ressources .view-header p{
	font-style: italic;
}
#content-wrapper #content-content .view-liste-ressources .view-content h3{
	margin: 20px 0 10px;
	padding: 3px 0 0 25px;
	height: 23px;
	background: url("/sites/default/files/pic_flechverte.png") no-repeat scroll left top transparent;
	color: #EC7A00;
	font-size: 16px;
	font-weight: bold;
}
#content-wrapper  #content-content .view-liste-ressources .views-row{
	margin: 10px 0 25px 0;
}
#content-wrapper  #content-content .view-liste-ressources .views-row-last{
	border-bottom: none;
}
#content-wrapper  #content-content .view-liste-ressources .views-row .weblinks-linkview a,
#content-wrapper  #content-content .view-liste-ressources .views-row .views-field-field-lien-flash-ens-url a,
#content-wrapper  #content-content .view-liste-ressources .views-row .views-field-url a{
	display: block;
	padding: 0 0 0 18px;
	background: url(images/fleche_methodes.png) no-repeat left top;
	color: #d26f00;
	font-weight: bold;
	text-decoration: none;
}
#content-wrapper  #content-content .view-liste-ressources .views-row .weblinks-linkview a:hover
#content-wrapper  #content-content .view-liste-ressources .views-row .views-field-field-lien-flash-ens-url a:hover,
#content-wrapper  #content-content .view-liste-ressources .views-row .views-field-url a:hover{
	text-decoration: underline;
}
#content-wrapper  #content-content .view-liste-ressources .views-row .views-field-field-pagesref-value{
	padding: 0 0 0 25px;
	background: url("images/pic_page.png") no-repeat scroll left bottom transparent;
	color: #A53030;
}

/*VIEW FAQ MANUEL NUMERIQUE*/

.views-exposed-form label {
  color:#666;
}

.views-exposed-form .form-item #edit-tid {
	font-family: Arial, Helvetica, sans-serif;
	color:#003178;
}

#content-content .view-content .item-list h3{
	padding-top:10px;
	background-color:#FFFFFF;
	color:#f19a07;
	font-size:14px; 
	padding-bottom:4px;
	border-bottom:1px solid #ffeccb;
	clear:left;
}
#content-content .pane-views-panes h2.pane-title{
	padding-top:15px;
	margin-bottom:0px;
	color:#164F6D;
	font-size:18px;
	clear:left;
	border: none; 
}


#content-content .view-content .accordion-content .views-field-title{
	background: url("/sites/default/files/question_faq.png") no-repeat scroll left 15px transparent;
	padding-left: 30px;
	color:#2384B9;
	font-size:14px;
	font-weight:bold;
	padding-top:15px;
}

#content-content .view-content .accordion-content .views-field-body .field-content li{
	background: url("/sites/default/files/puce_bullet_black.png") no-repeat scroll left 10px transparent;
}
#content-content .view-content accordion-active li.views-row .views-field-name .field-content{
	color:#9c9c9c;
	border: none; 
}

#content-content  .views-accordion-faq_triee-panel_pane_1{
	border: none; 
}
#content-content  .views-accordion-faq_triee-panel_pane_2{
	border: none; 
}
#content-content  .views-accordion-faq_triee-panel_pane_3{
	border: none; 
}

#content-content .accordion-active{
	border: none;
	background-color:#FFFFFF;
}


/*VUE PAGE SOMMAIRE*/
#content-wrapper  #content-content .view-id-sommaire table{
	margin: 0;
}
#content-wrapper  #content-content .view-id-sommaire tbody{
	border: none;
}
#content-wrapper  #content-content .view-id-sommaire tr{
	padding: 0;
}
#content-wrapper  #content-content .view-id-sommaire td{
	padding: 0;
}
#content-wrapper  #content-content .view-id-sommaire td.txt-bleu{
	padding: 0;
	font-size: 0.8em;
}
#content-wrapper  #content-content .view-id-sommaire td.txt-page{
	width: 100px;
	font-weight: normal;
}
#content-wrapper  #content-content .view-id-sommaire td.txt-princ{
	font-size: 1.2em;
}
#content-wrapper  #content-content .view-id-sommaire .view-header p{
	font-style: italic;
}
#content-wrapper #content-content .view-id-sommaire .view-content h3{
	margin: 20px 0 10px;
	padding: 3px 0 0 25px;
	height: 23px;
	background: url("/sites/default/files/pic_flechverte.png") no-repeat scroll left top transparent;
	color: #EC7A00;
	font-size: 16px;
	font-weight: bold;
}
#content-wrapper  #content-content .view-id-sommaire .views-row{
	margin: 10px 0 25px 0;
}
#content-wrapper  #content-content .view-id-sommaire .views-row-last{
	border-bottom: none;
}
#content-wrapper  #content-content .view-id-sommaire .views-row .weblinks-linkview a,
#content-wrapper  #content-content .view-id-sommaire .views-row .views-field-field-lien-flash-ens-url a{
	display: block;
	padding: 0 0 0 18px;
	background: url(images/fleche_methodes.png) no-repeat left top;
	color: #d26f00;
	font-weight: bold;
	text-decoration: none;
}
#content-wrapper  #content-content .view-id-sommaire .views-row .weblinks-linkview a:hover
#content-wrapper  #content-content .view-id-sommaire .views-row .views-field-field-lien-flash-ens-url a:hover{
	text-decoration: underline;
}
#content-wrapper  #content-content .view-id-sommaire .views-row .views-field-field-pagesref-value{
	padding: 0 0 0 25px;
	background: url("images/pic_page.png") no-repeat scroll left bottom transparent;
	color: #A53030;
}

/*VUE PAGE HTML : Les Ressources*/
#content-wrapper  #ouvrage-accueil div.panels-flexible-row-21-2{
	padding: 15px 0 0;
}
#content-wrapper  #ouvrage-accueil .panels-flexible-row-21-2 .views-field-title span.field-content{
	float: left;
	color: #1BADCF;
	height: 24px;
	border-bottom: solid 1px;
	font-size: 20px;
}
#content-wrapper  #ouvrage-accueil .panels-flexible-row-21-2 p{
	margin: 0;
	padding: 0;
}
#content-wrapper  #ouvrage-accueil .panels-flexible-row-21-2 p.image a{
	background: transparent url(images/img_site_eleve.png) no-repeat scroll 0 0;
	display: block;
	float: right;
	height: 92px;
	margin: 0;
	width: 129px;
}
#content-wrapper  #ouvrage-accueil .panels-flexible-row-21-2 p.texte{
	padding: 5px 0 0 0;
	clear: left;
}
#content-wrapper  #ouvrage-accueil .panels-flexible-row-21-2 h2.title{
	border: none;
}
#content-wrapper  #ouvrage-accueil .panels-flexible-row-21-2 div.content{
	border: none;
}

/*NODE HTML : Le Manuel Numérique Enrichi*/
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3{
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	padding: 2px;
	background: url(images/fd_bloc_bleu.jpg) repeat-x left top;
	border: solid 1px #8ECAE9;
	color: #FFF;
}
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3 .views-field-field-titre-court-value{
	padding: 5px 0 0 55px;
	height: 55px;
	background: transparent url(images/pic_manuel_num.png) no-repeat left top;
	color: #FFF;
	border: none;
	border-bottom: 1px solid #EEE;
	text-align: left;
	font-family: Myriad Pro,Myriad Web Pro Regular,Lucida Grande,Geneva,Trebuchet MS,sans-serif;
	font-size: 1.4em;
	font-weight: bold;
}
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3{
	text-align: center;
}
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3 p{
	text-align: left;
}
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3 p.demo{
	padding: 0 0 10px 0;
	float: left;
	font-size: 18px;
	margin: 0;
	width: 70px;
	text-align: right;
}
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3 a{
	float: right;
	padding: 0 5px 0 0;
}
#content-wrapper  #ouvrage-accueil .views-field-field-txt-minidesc-value{
	padding: 0 0 15px 0;
}
#content-wrapper  #ouvrage-accueil .views-field-field-teaser-node-fid{
	padding: 0 0 15px 0;
}
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3 div.content{
	border: none;
}
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3 .views-field-field-txt-qteressources-value{
	color: #333;
	text-align: left;
}
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3 .views-field-field-txt-qteressources-value ul {
	-moz-border-radius: 7px 7px 7px 7px;
	background: #EEE;
}
#content-wrapper  #ouvrage-accueil div.panels-flexible-column-21-3 .views-field-field-txt-qteressources-value ul li{
	background: none;
}

/*MINI-PANEL : Ouvrage Accès*/
#content-wrapper #mini-panel-bloc_ouvrage_acces_6e,
#content-wrapper #mini-panel-bloc_ouvrage_acces_5e{
    margin : 0;
    padding: 15px 0 0;
	/*width: 365px;*/
}
#content-wrapper #mini-panel-bloc_ouvrage_acces_6e .views-field-field-titre-court-value,
#content-wrapper #mini-panel-bloc_ouvrage_acces_5e .views-field-field-titre-court-value{
	padding: 4px 0 0 4px;
	height: 40px;
	background: #FFF url(images/fd_mp_titre_ouvrage_acces.png) repeat-x scroll 0 0;
	text-align: left;
	border: solid 1px #81C5E8;
}
#content-wrapper #mini-panel-bloc_ouvrage_acces_6e .views-field-field-titre-court-value span.field-content,
#content-wrapper #mini-panel-bloc_ouvrage_acces_5e .views-field-field-titre-court-value span.field-content{
    margin: 0;
    /*width: 210px;*/
    height: 42px;
	font-size: 14px;
	font-weight: bold;
}
#content-wrapper #mini-panel-bloc_ouvrage_acces_6e .views-field-field-titre-court-value span.field-content a,
#content-wrapper #mini-panel-bloc_ouvrage_acces_5e .views-field-field-titre-court-value span.field-content a{
    color: #000;
}
#content-wrapper #mini-panel-bloc_ouvrage_acces_6e ul.liste-fleche li,
#content-wrapper #mini-panel-bloc_ouvrage_acces_5e ul.liste-fleche li{
	padding: 0;
	background: none;
    list-style-image: url('images/fleche_methodes.png');
}
#content-wrapper #mini-panel-bloc_ouvrage_acces_6e ul.liste-fleche li li,
#content-wrapper #mini-panel-bloc_ouvrage_acces_5e ul.liste-fleche li li{
	background: none;
    list-style: disc;
	list-style-position: inside;
}
#content-wrapper #mini-panel-bloc_ouvrage_acces_6e .txt-orange a,
#content-wrapper #mini-panel-bloc_ouvrage_acces_5e .txt-orange a{
	color: #DF5400;
	font-weight: bold;
	font-size: 1.3em;
}
#content-wrapper #mini-panel-bloc_ouvrage_acces_6e .txt-bleu a,
#content-wrapper #mini-panel-bloc_ouvrage_acces_5e .txt-bleu a{
	color: #323F77;
	font-weight: bold;
	font-size: 1.2em;
}
#content-wrapper #mini-panel-bloc_ouvrage_acces_6e h2,
#content-wrapper #mini-panel-bloc_ouvrage_acces_5e h2{
	border: none;
}

/*BOUTONS Telecharger Voir Consulter*/
#content-wrapper p span.consulter a{
	height: 23px;
	width: 100px;
	float: right;
	display: block;
	background: transparent url(images/bt_consulter.png) no-repeat scroll left top;
}
#content-wrapper p span.voir a{
	height: 23px;
	width: 100px;
	float: right;
	display: block;
	background: transparent url(images/bt_voir.png) no-repeat scroll left top;
}
#content-wrapper p span.telecharger a{
	height: 23px;
	width: 100px;
	float: right;
	display: block;
	background: transparent url(images/bt_telecharger.png) no-repeat scroll left top;
}
#content-wrapper p span.oeuvre a{
	height: 23px;
	width: 100px;
	float: right;
	display: block;
	background: transparent url(images/bt_oeuvre.png) no-repeat scroll left top;
}
#content-wrapper p span.audio a{
	height: 23px;
	width: 100px;
	float: right;
	display: block;
	background: transparent url(images/bt_audio.png) no-repeat scroll left top;
}
#content-wrapper p span.video a{
	height: 23px;
	width: 100px;
	float: right;
	display: block;
	background: transparent url(images/bt_video.png) no-repeat scroll left top;
}
#content-wrapper p span.consulter a:hover,
#content-wrapper p span.voir a:hover,
#content-wrapper p span.telecharger a:hover,
#content-wrapper p span.oeuvre a:hover,
#content-wrapper p span.audio a:hover,
#content-wrapper p span.video a:hover{
	background-position: left -23px;
}

/*UL Fleches Grises*/
#content-wrapper #ouvrage-accueil .pane-boite-accueil-panel-pane-4 .view-boite-accueil .views-field-field-teaser-min-fid,
#content-wrapper #ouvrage-accueil .pane-boite-accueil-panel-pane-8 .view-boite-accueil .views-field-field-teaser-min-fid{
	float: left;
}
#content-wrapper #ouvrage-accueil .pane-boite-accueil-panel-pane-4 .view-boite-accueil .views-field-field-boite-titre-url,
#content-wrapper #ouvrage-accueil .pane-boite-accueil-panel-pane-8 .view-boite-accueil .views-field-field-boite-titre-url{
	padding: 10px 0 12px 40px;
	color: #FF9900;
	font-size: 15px;
	font-weight: bold;
	border-bottom: 1px solid #DDDDDD;
}
#content-wrapper #ouvrage-accueil .pane-boite-accueil-panel-pane-4 .view-boite-accueil ul.fleche-grise,
#content-wrapper #ouvrage-accueil .pane-boite-accueil-panel-pane-8 .view-boite-accueil ul.fleche-grise{
	/*border-top: 1px solid #DDDDDD;*/
}
#content-wrapper ul.bulle li{
	padding: 5px 0 0 0;
	background: none;
    list-style-image: url('images/pic_bulle.png');
	list-style-position: inside;
}
#content-wrapper ul.bulle li a{
	color: #323F77;
	font-weight: bold;
}
#content-wrapper ul.fleche-grise li{
	padding: 5px 0 0 0;
	background: none;
    list-style-image: url('images/fleche_methodes.png');
	list-style-position: inside;
}
#content-wrapper ul.fleche-grise li a{
	color: #323F77;
	font-weight: bold;
}

/*********/
/* VIEWS */
/*********/

/*--- Vue Manuel Enrichi : MANUM ---*/
body.layout-first-main #content-wrapper {
	width:726px;
}
/*HAUT*/
#content-wrapper .view-vue-manum .views-field-title{
	padding: 0 0 3px 0;
	font-size: 1.5em;
	border-bottom: 1px solid #DDDDDD;
}
#content-wrapper .view-vue-manum ul{
	margin: 0 0 0 20px;
}
#content-wrapper .view-vue-manum ul li{
	list-style-position: outside;
}
/*LIEN*/
#content-wrapper #mini-panel-bloc_manum{
	padding: 10px;
	background: none repeat scroll 0 0 #EFEFEF;
	border: 1px solid #DDDDDD;
}
#content-wrapper #mini-panel-bloc_manum .panel-col-last{
	padding: 0 0 0 15px;
}
#content-wrapper #mini-panel-bloc_manum .pane-vue-manum{
	margin: 0 0 0 15px;
	line-height: 100%;
}
#content-wrapper #mini-panel-bloc_manum .panel-col-first{
	width: 20%;
}
#content-wrapper #mini-panel-bloc_manum .panel-col-last{
	width: 75%;
}
#content-wrapper #mini-panel-bloc_manum .panel-separator{
	margin: 0;
}
#content-wrapper #mini-panel-bloc_manum .views-field-field-titre-court-value{
	color: #A54D97;
	font-size: 14px;
	font-weight: bold;
}
#content-wrapper #mini-panel-bloc_manum  ul{
	margin: 0;
}
#content-wrapper #mini-panel-bloc_manum  ul li{
	list-style-position: outside;
}
#content-wrapper #mini-panel-bloc_manum  table{
	margin: 0;
}
#content-wrapper #mini-panel-bloc_manum  td{
	vertical-align: middle;
}
#content-wrapper #mini-panel-bloc_manum  p img{
	vertical-align: top;
}
#content-wrapper #mini-panel-bloc_manum  p img{
	vertical-align: top;
}
/*BAS*/
/*DEMO*/
/* Tableau demo */
#content-wrapper .view-vue-manum table.table-demo td p.demo-titre1{
	background: url('/sites/default/files/pic_internet.png') no-repeat left top;
	margin: 0;
	padding: 0 0 0 55px;
	height: 46px;
	font-weight: bold;
	text-decoration: underline;
}
#content-wrapper .view-vue-manum table.table-demo td p.demo-titre2{
	height: 46px;
	margin: 0;
	padding: 0 0 0 55px;
	background: url('/sites/default/files/pic_teldemo.png') no-repeat left top;
	font-weight: bold;
	text-decoration: underline;
}
#content-wrapper .view-vue-manum table.table-demo td.demo1{
	padding: 0 10px 0 0;
}
#content-wrapper .view-vue-manum table.table-demo td.demo2{
	padding: 0 0 0 10px;
}
/*GAUCHE*/
#content-wrapper .panels-flexible-column-29-2 .views-field-field-txt-qteressources-value{
	-moz-border-radius: 7px 7px 7px 7px;
	background: none repeat scroll 0 0 #FFDBA6;
	padding: 5px;
	border: 1px solid #F2C279;
}
#content-wrapper .panels-flexible-column-29-2 .views-field-field-txt-qteressources-value ul{
	padding: 0 0 0 18px;
}
#content-wrapper .panels-flexible-column-29-2 .views-field-field-txt-qteressources-value ul li{
	list-style: disc;
	background: none;
	padding: 0;
}

/* Marge */
body.page-node-494 #content{
	padding: 0 10px 0 0;
}
#content-wrapper #node-494 ul li{
	background: url("images/raquo.png") no-repeat scroll left 0.833em transparent;
}
#content-wrapper #node-494 ul li.statistics_counter{
	background: none;
}
#content-wrapper #node-494 legend{
	color: #A54D97;
}

/* Tableau etapes */
#content-wrapper .view-vue-manum table.etape{

}
#content-wrapper .view-vue-manum table.etape td.un,
#content-wrapper #node-494 table.etape td.un{
	background:none repeat scroll 0 0 #E6F4FF;
	border:1px solid #ACCDE6;
	margin:1px;
}
#content-wrapper .view-vue-manum table.etape td.deux,
#content-wrapper #node-494 table.etape td.deux{
	background:none repeat scroll 0 0 #D9EFFF;
	border:1px solid #ACCDE6;
}
#content-wrapper .view-vue-manum table.etape td.trois,
#content-wrapper #node-494 table.etape td.trois{
	background:none repeat scroll 0 0 #CCE9FF;
	border:1px solid #ACCDE6;
}
#content-wrapper .view-vue-manum table.etape td.quatre,
#content-wrapper #node-494 table.etape td.quatre{
	background:none repeat scroll 0 0 #BFE4FF;
	border:1px solid #ACCDE6;
}
#content-wrapper .view-vue-manum h2{
	margin: 25px 0 10px 0;
	padding: 0 0 0 20px;
	background: url("images/pic_bulle.png") no-repeat scroll left top transparent;
	color: #A54D97;
}
#content-wrapper .view-vue-manum h3,
#content-wrapper #node-494 h3{
	color: #EC7A00;
}
#content-wrapper .view-vue-manum h4{
	height: 100%;
}
#content-wrapper .view-vue-manum tbody{
	border: none;
}
#content-wrapper .view-vue-manum td{
	/*width: 50%;*/
	vertical-align: top;
}
#content-wrapper .pane-logintoboggan-0,
#content-wrapper .pane-user-0{
	padding: 10px;
	-moz-border-radius:7px 7px 7px 7px;
	background: #EEE;
}
#content-wrapper .panels-flexible-region-29-col_droite{
	width: 100%;
}

/*Vues conseils*/
#views_slideshow_singleframe_teaser_section_1 .views-field-title  .field-content{
	font-size:1.3em;
	font-weight:bold;
}

/*Vues grilles et divers*/
.views-view-grid .views-field-title {
	font-size: 1.3em;
	font-weight: bold;
	color: #700D5A;
}
.view-liste-ressources .views-field-title,
.view-id-sommaire .views-field-title {
	padding: 5px;
	background: url("/sites/default/files/bg_tit_ressources.jpg") repeat-x scroll 0 0 transparent;
	color: #333333;
	font-size: 1.1em;
	font-weight: bold;
	min-height: 51px;
}
.view-liste-anim .views-field-title {
	font-size: 1.1em;
	font-weight: bold;
	color: #FFFFFF;
	background: #53ADDF;
	padding: 0 5px;
	width: 300px;
}
.view-liste-anim  h3 {
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 1em;
}
/*#content-content .clear-block  {
display:table;
}
*/
.layout-first-main-last table {
border-collapse:collapse;
margin:0 0 10px;
width:68%;
}

/*Vue Taxonomy-term*/
.view-taxonomy-term .views-field-title {
	font-size:1.1em;
	font-weight:bold;
	color:#FFFFFF;
	background:#94BF10;
	width:475px;
	margin-top:1em;
	padding:0.3em;
}
.view-taxonomy-term  h3 {
	font-size:1.5em;
	font-weight:bold;
	margin-top:1em;
}

/*Vue Bandeau accueil*/
#content-wrapper .bandeau .view-boite-accueil{
	padding: 10px 5px 0 5px;
	height: 80px;
	background: url('images/fd_bandeau_accueil.png') repeat-x top left;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
}
#content-wrapper .bandeau .panel-flexible-19 .view-boite-accueil{
	width: 730px;
}
#content-wrapper .bandeau .panel-flexible-26 .view-boite-accueil{
	width: 700px;
}
#content-wrapper .bandeau .view-boite-accueil .views-field-field-teaser-min-fid{
	float: left;
}
#content-wrapper .bandeau .view-boite-accueil .views-field-field-boite-titre-url{
	padding: 5px 0 0 5px;
	float: left;
	color: #7A3972;
	font-size: 16px;
	font-weight: bold;
	font-family: Lucida Sans,Tahoma,Verdana,Arial;
	text-decoration: underline;
}
#content-wrapper .bandeau .view-boite-accueil .views-field-field-txt-minidesc-value{
	padding: 0 0 0 35px;
	clear: left;
	color: #333;
	font-size: 14px;
}
#content-wrapper .bandeau .view-boite-accueil .views-row{
	padding: 15px 0 0;
}
#content-wrapper .bandeau .panels-flexible-region-19-chapeau-inside{
	padding: 0;
}

/*Vue Boite accueil*/
#content-wrapper #ouvrage-accueil .boite-grise .view-boite-accueil{
	padding: 7px;
	height: 150px;
	background-color: #EEE;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
}
#content-wrapper #ouvrage-accueil .boite-grise .view-boite-accueil .views-field-field-teaser-min-fid{
	float: left;
}
#content-wrapper #ouvrage-accueil .boite-grise .view-boite-accueil .views-field-field-boite-titre-url{
	padding: 0 0 0 5px;
	float: left;
	width: 180px;
	color: #A54D97;
	font-size: 15px;
	font-weight: bold;
}
#content-wrapper #ouvrage-accueil .boite-grise .view-boite-accueil .views-field-field-txt-minidesc-value{
	clear: left;
	border-top : solid 1px #DDD;
}
#content-wrapper #ouvrage-accueil .boite-grise .panels-flexible-row-21-1{
	padding: 0;
}
#content-wrapper #ouvrage-accueil .panels-flexible-region-26-droite .boite-grise .view-boite-accueil,
#content-wrapper #ouvrage-accueil .panels-flexible-region-26-gauche .boite-grise .view-boite-accueil{
	height: 125px;
}
#content-wrapper #ouvrage-accueil .panels-flexible-region-26-droite .boite-grise .view-boite-accueil .views-field-field-boite-titre-url,
#content-wrapper #ouvrage-accueil .panels-flexible-region-26-gauche .boite-grise .view-boite-accueil .views-field-field-boite-titre-url{
	width: 282px;
	color: #1AACCE;
}


/*Vue Méthodes Animées*/
#content-wrapper  #ouvrage-accueil .methode-anim h2.pane-title{
	padding: 10px 0 0 50px;
	height: 40px;
	background:transparent url(images/pic_methode_anim.png) no-repeat scroll left top;
	color: #323F77;
	border-bottom:1px solid #DDDDDD;
}
#content-wrapper  #ouvrage-accueil .methode-anim .views-field-field-lien-flash-url{
	padding: 0 0 13px 0;
}
#content-wrapper  #ouvrage-accueil .methode-anim a.active{
	display: block;
	padding: 0 0 0 18px;
	background: url(images/fleche_methodes.png) no-repeat left top;
	color: #323F77;
	font-weight: bold;
	text-decoration: none;
}
#content-wrapper  #ouvrage-accueil .methode-anim span.voir a{
	height: 23px;
	width: 100px;
	float: right;
	display: block;
	background: transparent url(images/bt_voir.png) no-repeat scroll left top;
}
#content-wrapper  #ouvrage-accueil .methode-anim span.voir a:hover{
	background-position: left -23px;
}

/*Vue Histoire des arts*/
#content-wrapper  #ouvrage-accueil .histoire-art h2.pane-title{
	padding: 10px 0 0 60px;
	height: 40px;
	background:transparent url('images/pic_histoire_art.png') no-repeat scroll left top;
	color: #A54D97;
	border-bottom:1px solid #DDDDDD;
}
#content-wrapper  #ouvrage-accueil .histoire-art .views-field-title span{
	padding: 0 0 0 25px;
	background: url(images/fleche_methodes.png) no-repeat left bottom;
	color: #323F77;
	font-weight: bold;
	text-decoration: none;
}
#content-wrapper  #ouvrage-accueil .histoire-art .view-liste-ressource-methodes-animees{
	text-align: center;
}
#content-wrapper #ouvrage-accueil .histoire-art div.view-footer {
	margin: 0 0 40px;
}

/*Vue Audio*/
#content-wrapper  #ouvrage-accueil .audio h2.pane-title{
	padding: 10px 0 0 50px;
	height: 40px;
	background:transparent url('images/pic_audio.png') no-repeat scroll left top;
	color: #FF9900;
	border-bottom:1px solid #DDDDDD;
}
#content-wrapper  #ouvrage-accueil .audio .views-field-field-lien-flash-url{
	padding: 0 0 13px 0;
}
#content-wrapper #ouvrage-accueil .audio div.view-footer {
	margin: 0 0 40px;
}

/*Vue Video*/
#content-wrapper  #ouvrage-accueil .video h2.pane-title{
	padding: 10px 0 0 40px;
	height: 40px;
	background:transparent url('images/pic_video.png') no-repeat scroll left top;
	color: #A54D97;
	border-bottom:1px solid #DDDDDD;
}
#content-wrapper  #ouvrage-accueil .video .views-field-field-img-ecran-fid{
	text-align: center;
}
#content-wrapper #ouvrage-accueil .video div.view-footer {
	margin: 0 0 40px;
}
#content-wrapper  #ouvrage-accueil .video .views-field-title span{
	padding: 0 0 0 25px;
	background: url(images/fleche_methodes.png) no-repeat left bottom;
	color: #323F77;
	font-weight: bold;
	text-decoration: none;
}

/*Vue Partenaire*/
#content-wrapper  #ouvrage-accueil .partenaire .views-field-field-teaser-min-fid{
	float: left;
}
#content-wrapper  #ouvrage-accueil .partenaire .views-field-field-boite-titre-url{
	padding: 5px 0;
	float: left;
	width: 180px;
	color: #FF9900;
	font-size: 1.4em;
	font-weight: bold;
}
#content-wrapper  #ouvrage-accueil .partenaire .views-field-field-txt-minidesc-value{
	padding: 5px 0 13px 0;
	clear: left;
	border-top: 1px solid #DDDDDD;
}
#content-wrapper  #ouvrage-accueil .partenaire .views-field-field-txt-minidesc-value tbody{
	border: none;
}

#content-wrapper #ouvrage-accueil .partenaire .views-field-field-txt-minidesc-value {
	font-size: xx-small;
	color: #000;
	text-align: left;
	line-height: 100%;
}
/* 
panel-pane pane-views-panes pane-boite-accueil-panel-pane-9 partenaire */


/********************************/
/* vue ouvrages */
/********************************/

.view-ouvrages div.views-field-title  {
	font-weight: bold;
	float: left;
	width: 240px;
	font-size: 1.1em;
	color: #000;
}
.view-ouvrages div.views-field-field-ttit02-titlewithoutprefix-value{
	float: left;
	width: 240px;
}
.view-ouvrages .views-field-field-tcon18-imgcouv-fid img.imagecache{
	float:left;
	margin-right:10px;
}
.views-field-field-tpri01-prixttc-value{
	float: left;
	width: 240px;
}
.views-field-field-tpri01-prixttc-value p{
	margin: 0 0 4px 0;
	font-weight: bold;
	color: #56A427;
	font-size: 1.1em;
}
/*.prix {
	background-color:#abd458;
}*/
.view-ouvrages div.views-field-field-codecalameo-value{
	float:left;
	width: 200px;
}
.view-ouvrages div.views-field-field-recordreference-value{
	float:left;
	width: 200px;
}
.view-ouvrages div.views-field-field-recordreference-value p{
	margin: 0;
}
.view-ouvrages .views-view-grid td{
	vertical-align: top;
}
.view-ouvrages .views-view-grid .col-1{
	width:33%;
	border:dotted 1px #d5d5d5;
}
.view-ouvrages .views-view-grid .col-2{
	width:33%;
	border:dotted 1px #d5d5d5;
}
.view-ouvrages .views-view-grid .col-3{
	width:33%;
	border:dotted 1px #d5d5d5;
}


/********************************/
/* FOOTER */
/********************************/

#footer {
	background : #7AB51D;
	min-height : 45px;
	padding : 0;
}

#footer a.active {
  color: #FFFFFF;
  text-decoration: underline;
}


#footer a, #footer a:link, #footer a:visited, #footer a.active {
  color: #FFFFFF;
  text-decoration: underline;
}