/*
////////////////////////////////////////////////
// HOME PASTILLE PROGRAMME
////////////////////////////////////////////////
*/
.blocTelechargementProgramme {position:relative; text-align:center; width:173px; height:173px}
.pastilleProgramme {position:absolute; top:0; left:0}
.vignetteProgramme {
	width:63px; height:93px;
	position:absolute;
	top: 40px;
	left:55px;
	/*
	position: relative;
 	 top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);
	*/
	}
.cadrePrograme1 {position:absolute; width:63px; height:93px; top: 24px;left:54px;}	
.cadrePrograme2 {position:absolute; border:1px solid #FFFFFF; width:63px; height:93px; top: 19px;left:61px;}	
a:hover .vignetteProgramme {
	/*-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);*/
	filter: grayscale(0);
	}
.blocTexteTelechargementProgramme {text-transform:uppercase; text-align:center; width:160px; margin-top:0px; font-family:source_sans_probold; line-height:16px; font-size:0.8em; }

/*
////////////////////////////////////////////////
// EXPOSITIONS LISTE
////////////////////////////////////////////////
*/

.isotopExpositions {margin-bottom:40px;}
.blocExposition {
	float:left;
	position:relative;
	width:100%;
	z-index: 2;
	}
.blocExposition .marge, .isotopExpositions .grid-sizer div {
	margin: 10px;
}
.blocExposition .marge {
	border-bottom:1px solid #efefef;
}
.blocExposition .marge {
	border-bottom: 1px solid #BFBFBF;
	padding-bottom:20px;
}



.blocExposition a:hover .marge {
	border-bottom: 1px solid #ffffff;
}

.isotope-hidden.blocExposition {
  pointer-events: none;
  z-index: 1;
}

.titreListeExpo{padding-left:15px; margin: 24px 0;}
.dateExpo {margin-bottom:20px; }
.titreListeExpo h2{ font-size:18px; font-size:1.8rem; margin:0; font-family:source_sans_probold}
.titreListeExpo h3{font-weight:normal; font-size:18px; font-size:1.8rem; margin:0; font-family:source_sans_proregular}

.blocExposition img {
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);*/
	width:100%;
	max-height: 400px;
}
.blocExposition a:hover {
	cursor:pointer;
}
.blocExposition a:hover img {
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
}

.titreRubriqueExposition {
	padding: 20px 0px;
	border-top:1px solid #000000;
	margin-top:25px;
	font-size:17px; font-size:1.7rem;
	text-transform:uppercase;
	font-weight:bold;
	}
	

/*
////////////////////////////////////////////////
// EXPOSITIONS SINGLE
////////////////////////////////////////////////
*/
.toolkit {margin-bottom:10px; float:left;}
.toolkit-top {margin-top:20px;}
.btnToolKit { width:80px; height:80px; line-height:75px; text-align:center; display:block; float:left; font-size:15px; font-size:1.5rem; font-weight:bold; text-transform:uppercase; margin-right:10px;}

.isotopGalerieExpo {margin: 0 -3px}
.grid-sizer-galerie-expo, .blocGalerieExpo {width:50%}
.blocGalerieExpo .marge, .grid-sizer-galerie-expo div {
	margin: 3px;
}
.blocGalerieExpo img {
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);*/
	filter: grayscale(100%);
	width:100%; height:auto;
}
.blocGalerieExpo a:hover {
	cursor:pointer;
}
.blocGalerieExpo a:hover img {
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
}

#imagelightbox
{
    position: fixed;
    z-index: 9999;
    -ms-touch-action: none;
    touch-action: none;
}
	
.singleExpo h3 { font-weight:normal; font-size:18px; font-size:1.8rem; margin-bottom:20px;}
.singleExpo h4 { font-weight:normal; font-size:18px; font-size:1.8rem; margin-bottom:20px; font-weight:bold;}
.singleExpo h2.sousTitreExpoSingle {font-size:18px; font-size:1.8rem; font-weight:normal; margin-bottom:0;}
.singleExpo .bordureLarge img {
	width:100%; height:auto;
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
	}

.cboxIframe {width:100%; height:100%;}


/*
////////////////////////////////////////////////
// OEUVRES LISTE
////////////////////////////////////////////////
*/

.isotopCollection {margin-bottom:40px; margin-left:-10px; margin-right:-10px;}
.blocCollection {
	float:left;
	position:relative;
	width:100%;
	z-index: 2;
	overflow:hidden;
	}
.blocCollection .marge, .isotopCollection .grid-sizer div {
	margin: 10px;
}
.blocCollection .marge {
	border-bottom:1px solid #efefef;
}


.blocCollection img {
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);*/
	max-height: 280px;
	height:auto;
}
.blocCollection a:hover {
	cursor:pointer;
}

.blocCollection a:hover img {
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
}


.imageCollection {position:relative; margin:0; padding:0; }
.infoListeCollection {margin:0; padding:10px; height:100px; }
.refCollection {position:absolute; top:10px; left:10px; z-index:10; font-size:30px; color:#FFFFFF; font-family:fatfrankregular;line-height:normal; opacity:0}
.blocCollection a:hover .refCollection {opacity: 1; filter: alpha(opacity=100);}
.laDate{font-family:source_sans_probold; line-height:normal}
.blocCollection .overlay {
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	position:absolute; top:0; left:0;
	z-index:3;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: auto;
	height: auto;
	/*-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;*/
	transition: all 150ms ease-in-out;
	}
.blocCollection a:hover .overlay {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.blocCollection a:hover .overlay:hover {
	cursor:pointer;
}
.blocCollection:hover {cursor:pointer}

.blocCollection h3, .blocCollection h4 {margin:0}
.blocCollection h3 {font-family:"source_sans_probold"; font-size:18px; font-size:1.8rem}	
.blocCollection h4 {font-size:16px; font-size:1.6rem}	

.blocCollection .plus {
	text-align:center; position:absolute; width:100%; z-index:4; 
	top:20%;
	/*-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
	transform: translateY(-50%);
	/*-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;*/
	transition: all 250ms ease-in-out;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
   }
.blocCollection:hover .plus {
	top:50%;
	/*-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
	transform: translateY(-50%);
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
   }   
.blocCollection .plus span {
	/*-webkit-border-radius: 20px;
	-moz-border-radius: 20px;*/
	border-radius: 20px; 
	width:40px; height:40px; display:block; line-height:40px;; font-size:25px; font-size:2.5rem; color:#FFFFFF; margin: 0 auto}


/* FILTRES */
.titreFiltre {text-transform:uppercase; font-weight:700; padding-top:10px;}
.button-group-collection {float:none; margin-top:-3px;}

.button-group-collection .button {
  display: inline-block;
  padding: 5px 10px;
  margin-left: 5px;
  margin-right: 0px;
  background:none;
  font-size: 16px;
  cursor: pointer;
  /*width:30%;*/
  text-align:center;
  
}

.button-group-collection .button:hover {color: white;}
.button-group-collection .button.is-checked {color: white;}
.button-group-collection .button:active {}


/*
////////////////////////////////////////////////
// ŒUVRE SINGLE
////////////////////////////////////////////////
*/

.dateOeuvreSingle {font-size:18px; font-size:1.8rem; font-weight:normal; margin-bottom:0;}
.imageOeuvreSingle img {width:100%; height:auto}
.imageProjetScolaire img {
	width:100%;
	height:auto;
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);*/
	filter: grayscale(100%);
}




/*
////////////////////////////////////////////////
// RESIDENCES LISTE
////////////////////////////////////////////////
*/

.blocResidence {
	position:relative;
	z-index: 2;
	overflow:hidden;
	display:table;
	width:100%;
	}

.blocResidence img {
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);*/
	filter: grayscale(100%);
	width:100%;
	max-height: 400px;
}
.blocResidence a:hover {
	cursor:pointer;
}

.blocResidence a:hover img {
	/*-webkit-filter: grayscale(0);
	-moz-filter: grayscale(0);
	-o-filter: grayscale(0);
	-ms-filter: grayscale(0);*/
	filter: grayscale(0);
}

.listResidences .titreResidenceBloc .titreResidenceContenu, .listResidences .introResidenceBloc .introResidenceContenu {   position: relative;
  top: 50%;
  /*-webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);*/
  transform: translateY(-50%);
  padding:30px;
  text-align:center;
  }

  
.listResidences .titreResidenceBloc .titreResidenceContenu h2 {   
  margin:0;
  font-family:source_sans_probold;
  font-size:24px; font-size:2.4rem;
  }
 .listResidences .titreResidenceBloc .titreResidenceContenu h3 {   
  margin:0;
  font-family:source_sans_proregular;
  font-size:20px; font-size:2rem;
  } 
  
  .intro {display:none; margin-top:20px;}
  
/* CLASS A */
.listResidences .classA .imageResidenceBloc, .listResidences .classA .titreResidenceBloc, .listResidences .classA .introResidenceBloc {
	width : 33.3333%;
	overflow: hidden;
	height:100%;
	
	}
.listResidences .classA .imageResidenceBloc {
	float:left;
	}	
.listResidences .classA .titreResidenceBloc {
	left:33.3333%;
	position:absolute;
	}	
.listResidences .classA .introResidenceBloc {
	left:66.6666%;
	position:absolute;
	color:#ffffff;
	}	
	
/* CLASS B */
.listResidences .classB .imageResidenceBloc, .listResidences .classB .titreResidenceBloc, .listResidences .classB .introResidenceBloc {
	width : 33.3333%;
	overflow: hidden;
	height:100%;
	
	}
.listResidences .classB .imageResidenceBloc {
	float:left;
	margin-left:33.3333%;
	}	
.listResidences .classB .titreResidenceBloc {
	left:66.6666%;
	position:absolute;
	}	
.listResidences .classB .introResidenceBloc {
	left:0;
	position:absolute;
	color:#ffffff;
	}	

/* CLASS C */
.listResidences .classC .imageResidenceBloc, .listResidences .classC .titreResidenceBloc, .listResidences .classC .introResidenceBloc {
	width : 33.3333%;
	overflow: hidden;
	height:100%;
	
	}
.listResidences .classC .imageResidenceBloc {
	float:right;
	}	
.listResidences .classC .titreResidenceBloc {
	left:0;
	position:absolute;
	}	
.listResidences .classC .introResidenceBloc {
	left:33.3333%;
	position:absolute;
	color:#ffffff;
	}
		

/* HOVER */





/*
////////////////////////////////////////////////
// LISTE FICHES PEDAGOGIQUES DE LA COLLECTION
////////////////////////////////////////////////
*/
table.listeLarge {width:100%; margin-top:20px; border-top:1px dotted #000000;}
table.listeLarge tr {border-bottom:1px dotted #000000;
	/*-webkit-transition: all 100ms ease-in-out;
	-moz-transition: all 100ms ease-in-out;
	-o-transition: all 100ms ease-in-out;*/
	transition: all 100ms ease-in-out;}
table.listeLarge tr:hover, table.listeLarge tr:hover a { color:#FFFFFF}
table.listeLarge tr.noHover:hover, table.listeLarge tr.noHover:hover a { color:#000000}
table.listeLarge tr:hover td.download .icon {color:#ffffff}
table.listeLarge td {padding:15px 20px}
table.listeLarge th {padding:10px 20px}
table.listeLarge td.imageListeTableau {width:50px; 
	padding:0px;
	padding-left:5px; }
table.listeLarge tr:hover td.imageListeTableau img {
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
	}	
td.auteur, th.auteur {display:none}
td.nom {font-family: 'source_sans_probold', 'Helvetica Neue', Helvetica, Arial, sans-serif; font-size:14px; font-size:1.4rem; line-height:14px; }
table.listeLarge tr:hover a:hover { color:#000000}
table.listeLarge tr:hover td.download a:hover .icon {color:#000000}
td.nom a:hover {color:#000000}	
td.download .icon {background-color:transparent; color:#868686}
table.listeLarge td.imageListeTableau img {
	/*-webkit-border-radius: 25px;
	-moz-border-radius: 25px;*/
	border-radius: 25px;
}
span.auteurTablette {font-family: 'source_sans_proregular', 'Helvetica Neue', Helvetica, Arial, sans-serif;}
table.listeLarge td.download {text-align:right; padding:15px 10px 5px 20px;}
table.listeLarge th.download {text-align:right; padding-right:10px;}
.pageFichesPedagogiques .search {padding: 5px 10px; border:3px solid; background-color:transparent;}



/*
////////////////////////////////////////////////
// RENDEZ-VOUS LISTE
////////////////////////////////////////////////
*/	
	
body.rendez-vous h1.titrePage {color:#ffffff; }
body.rendez-vous h2, body.home .rendezVousHome h2 {margin-top: 0px; padding-top:20px; border-top:1px dotted #000000; font-size:20px; font-size:2rem}
.blocRDVliste {margin-top:15px; width:100%}
.imageRDV {padding-left:0}
.infosTypeDate {padding-right:0; padding-left:0; padding-top:20px; border-top:1px dotted #000000;}
.typeRDV {font-weight:bold; padding-bottom:5px; border-bottom:1px dotted #000000; text-transform:uppercase;}
.dateRDV {padding-top:5px; }
.blocRDVliste h3 {font-family:source_sans_proregular; font-size:20px; font-size:2rem}
.imageRDV img {
	width:100%;
	max-height: 320px;
	/*-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);*/
	filter: grayscale(100%);
	}
	
.imageRDV a:hover img {
	width:100%;
	max-height: 320px;
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
}
.blocRDVliste .col-md-6:first-child {padding-left:0;}
.blocRDVliste .infosTypeDate, .blocRDVliste .infoRDV {padding: 0 10px 15px 15px;}
.blocRDVliste .infosTypeDate {padding-top: 15px; color:#FFFFFF}
.blocRDVliste .typeRDV {padding-bottom:15px;}
.blocRDVliste .dateRDV {padding-top:15px; font-weight:bold}
	
.blocRDVliste .morePlus:hover {background-color:#000000}
body.rendez-vous .footer {background-color:#ffffff; color:#000000}
/* ISOTOP LISTE AUTRES RDV */	
	.isotoprendezVous {margin: 0 -10px;}
	.isotoprendezVous .grid-sizer, .blocRDVliste {
		width: 100%; }
	.isotoprendezVous .grid-sizer > div, .blocRDVliste .marge {
		margin: 10px}
	

/*
////////////////////////////////////////////////
// RENDEZ-VOUS LISTE SUR HOME
////////////////////////////////////////////////
*/	
body.home .rendezVousHome {margin-top:70px}
body.home .isotoprendezVous {margin: 0 -10px;}



/*
////////////////////////////////////////////////
// SINGLE RENDEZ-VOUS
////////////////////////////////////////////////
*/	
.blocAutreRDVliste .infosTypeDate h2 {margin-top: 0px; padding-top:10px; padding-bottom:0px; border-top:1px dotted #000000; font-size:20px; font-size:2rem; color:#FFFFFF;}
.blocAutreRDVliste .infosTypeDate h3 {font-size:16px; font-size:1.6rem; padding-bottom:10px; margin-top:0; border-bottom:1px dotted #000000;}
.isotopAutreRendezVous {margin: 0 -10px;}
	.isotopAutreRendezVous .grid-sizer, .blocAutreRDVliste {
		width: 100%; }
	.isotopAutreRendezVous .grid-sizer > div, .blocAutreRDVliste .marge {
		margin: 10px}			
	.blocAutreRDVliste .infoRDV, .blocAutreRDVliste .dateRDV, .blocAutreRDVliste .typeRDV {padding:0}
	.blocAutreRDVliste .infosTypeDate {border:none; padding:10px;}	
	.blocAutreRDVliste .typeRDV {padding-bottom:5px}
	.blocAutreRDVliste .dateRDV {padding-top:5px; padding-bottom:5px}
	.blocAutreRDVliste .dateRDV p {margin:0}

		



/*
////////////////////////////////////////////////
// PROJETS SCOLAIRES LISTE : LABOSCOLAIRE
////////////////////////////////////////////////
*/	

body.laboscolaire h2 {margin-top: 0px; padding-top:20px; border-top:1px dotted #000000; font-size:20px; font-size:2rem}
.blocProjetScolaireListe .col-md-6:first-child {padding-left:0;}
.blocProjetScolaireListe .infosTypeDate, .blocProjetScolaireListe .infoProjetScolaireListe {padding: 0 10px 15px 15px; color:#FFFFFF}
.blocProjetScolaireListe .infosTypeDate {padding-top: 15px;}
.blocProjetScolaireListe .morePlus:hover {background-color:#000000}
.isotopCollectionFichesPedagogiques .blocCollection h3 {font-size: 14px; font-size: 1.4rem;	}
/* LISTE LABOSCOLAIRE */		
.blocProjetScolaireListe a:hover h2 {color:#FFFFFF}	
.blocProjetScolaireListe a:hover img {
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
}

/* ISOTOP LISTE LABOSCOLAIRE, PROJETS SCOLAIRES */	
	.isotopProjetsScolaires {margin: 0 -10px;}
	.isotopProjetsScolaires .grid-sizer, .blocProjetScolaireListe {
		width: 100%; }
	.isotopProjetsScolaires .grid-sizer > div, .blocProjetScolaireListe .marge {
		margin: 10px}
		
		
		
		
		
		
/*
////////////////////////////////////////////////
// KIT EXPOS
////////////////////////////////////////////////
*/		
.pageKitsExpo .search {padding: 5px 10px; border:3px solid; background-color:transparent;}		


/*
////////////////////////////////////////////////
// LOGITHEQUE LISTE DES CATEGORIES
////////////////////////////////////////////////
*/	
.logitheque h2 {margin:0; font-size:20px; font-weight:normal;}
.logitheque .descriptionCategorie {margin-top:0px;}

/*
////////////////////////////////////////////////
// LOGITHEQUE LISTE ARTICLE PAR CATEGORIE
////////////////////////////////////////////////
*/	
.logithequeContenuCategorie h2 {margin:0; font-size:26px; font-weight:normal;}
.listeLogiciel img {width:70px; height:auto;}
.listeLogiciel .imageLogiciel {text-align:left}
.listeLogiciel .imageLogiciel a:hover img {
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);}
	
/*
////////////////////////////////////////////////
// SINGLE LOGICIEL
////////////////////////////////////////////////
*/		
.plusInfoLogiciel h3 {font-size:16px; font-size:1.6rem}	
.imageSingleLogiciel img {width:70px; height:auto}
.imageSingleLogiciel {float:left}
.contientIconeEtLogo {position:relative;}
.iconeSystem {position: absolute;
  top: 50%;
  right:0px;
  height: 32px;
  margin-top: -16px; }
.iconeSystem .icon {float:left; 
color:#747474;
/*-webkit-border-radius: 0px;*/
border-radius: 0px;
font-size: 30px;}
.iconeSystem .separIcone {float:left; margin:0 5px; font-size:26px; font-size:2.6rem; line-height:32px; color:#8C8C8C}


/*
////////////////////////////////////////////////
// ESPACE PRESSE
////////////////////////////////////////////////
*/	
	.pageEspacePresse .search {padding: 5px 10px; border:3px solid; background-color:transparent;}
	
	.pageEspacePresse #table .fichiersMobile {display:none}
	.pageEspacePresse .rowDetail .cellDetail {text-align: left; }
	.pageEspacePresse .cell {
		text-align: center;
		padding: 10px 6px; 
	}
	.pageEspacePresse #table td.nom {
		text-align: left;
	}
	.pageEspacePresse #table th {
		text-align: center;
	}
	.pageEspacePresse table.listeLarge tr {border-bottom:1px solid #C5C5C5;}
	.pageEspacePresse #table tr.rowDetail {border-bottom:1px solid #C5C5C5;}
	.pageEspacePresse #table .icon {
		font-size: 20px;
		color:#494949;
		line-height:36px;
		position: relative;
		/*-webkit-border-radius: 0;*/
		border-radius: 0;
		background-color:transparent;
	}
	.pageEspacePresse #table .fichiersMobile .icon {display:block; float:left; clear:both; line-height:20px; height:auto; width:auto; margin-right:5px; margin-top: 3px;}
	
	.pageEspacePresse #table td.cellDetail {padding-top:20px; padding-bottom:20px;}
	
	.pageEspacePresse #table .icon:hover {
		color:#494949;
	}
	.pageEspacePresse #table .fichiersMobile a {line-height:26px;}
	.iconDepli {display:none}
	
	@media only screen and (max-width: 1024px)  {
		.pageEspacePresse #table td.communique, .pageEspacePresse #table td.dossier, .pageEspacePresse #table td.visuels {display:none}
		.pageEspacePresse #table .header-row {display:none}
		.pageEspacePresse #table .fichiersMobile {display:block}
		.iconDepli {display:inline}
		.iconInfo {display:none}
	}
	
	
	

/*
////////////////////////////////////////////////
// EDITIONS LISTE
////////////////////////////////////////////////
*/

.isotopEditions {margin-bottom:40px;}
.blocEdition {
	float:left;
	position:relative;
	width:100%;
	z-index: 2;
	}
.blocEdition .marge, .isotopEditions .grid-sizer div {
	margin: 10px;
}
.blocEdition .marge {
	border-bottom: 1px solid #BFBFBF;
	padding-bottom:20px;
}
.titreListeEdition {padding-left:15px; margin: 24px 0;}
.titreListeEdition h2{ font-size:18px; font-size:1.8rem; margin:0; font-family:source_sans_probold}
.titreListeEdition h3{font-weight:normal; font-size:18px; font-size:1.8rem; margin:0; font-family:source_sans_proregular}

.blocEdition img {
	width:100%; 
	max-height: 400px;
}
	
.blocEdition a:hover img {
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
}
	
/*
////////////////////////////////////////////////
// EDITIONS SINGLE
////////////////////////////////////////////////
*/
	
.singleEdition .bordureLarge img {
	width:100%; height:auto;
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
	}	
.singleEdition h3 { font-weight:normal; font-size:18px; font-size:1.8rem; margin-bottom:20px;}
.singleEdition h4 { font-weight:normal; font-size:18px; font-size:1.8rem; margin-bottom:20px; font-weight:bold;}
.singleEdition h2.sousTitreEditionSingle {font-size:18px; font-size:1.8rem; font-weight:normal; margin-bottom:0;}






/*
////////////////////////////////////////////////
// VIDEOS LISTE
////////////////////////////////////////////////
*/

.isotopVideo {margin-bottom:40px;}
.isoBlocVideo {
	float:left;
	position:relative;
	width:100%;
	z-index: 2;
	}
.isoBlocVideo .marge, .isotopVideo .grid-sizer div {
	margin: 10px;
}
.isoBlocVideo h2 {font-family:"source_sans_probold"; font-size:18px; font-size:1.8rem; margin-top:5px; margin-bottom:0}	
.isoBlocVideo h3 {font-size:16px; font-size:1.6rem}
.isoBlocVideo .overlay {
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
	position:absolute; top:0; left:0;
	z-index:3;
	left: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	width: auto;
	height: auto;
	/*-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 150ms ease-in-out;
	-o-transition: all 150ms ease-in-out;*/
	transition: all 150ms ease-in-out;
	}
.isoBlocVideo a:hover .overlay {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}
.isoBlocVideo a:hover .overlay:hover {
	cursor:pointer;
}
.isoBlocVideo:hover {cursor:pointer}
.infoblocVideo {padding:10px}
.imgLaVideo {position:relative}
.isoBlocVideo .plus {
	text-align:center; position:absolute; width:100%; z-index:4; 
	/*-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
	transform: translateY(-50%);
	/*-webkit-transition: all 150ms ease-in-out;
	-moz-transition: all 250ms ease-in-out;
	-o-transition: all 250ms ease-in-out;*/
	transition: all 250ms ease-in-out;
	opacity: 0;
    filter: alpha(opacity=0); /* For IE8 and earlier */
   }
.isoBlocVideo:hover .plus {
	top:50%;
	/*-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);*/
	transform: translateY(-50%);
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
   }   
.isoBlocVideo .plus span {
	/*-webkit-border-radius: 20px;
	-moz-border-radius: 20px;*/
	border-radius: 20px; width:40px; height:40px; display:block; line-height:40px;; font-size:25px; font-size:2.5rem; color:#FFFFFF; margin: 0 auto}


.isoBlocVideo a:hover img {
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
}



/*
////////////////////////////////////////////////
// VIDEOS SINGLE
////////////////////////////////////////////////
*/
.contenuSingleVideo {margin-top:40px; margin-bottom:60px;}
.singleVideo .video-embed iframe {border:7px solid}
.singleVideo .video-embed .fluid-width-video-wrapper {border:7px solid}

	
	
	
/*
////////////////////////////////////////////////
// AUDIO SINGLE
////////////////////////////////////////////////
*/	
.singleAudio .vignetteSingleAudio img {
	/*-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);*/
	filter: grayscale(0%);
	width:100%;
	height:auto;
	}

.singleAudio h4 {border-bottom:1px dotted #000000; padding-bottom:5px;}
.singleAudio h2.sousTitreAudioSingle {font-size:18px; font-size:1.8rem; font-weight:normal; margin-bottom:0; font-family:source_sans_probold}
.singleAudio .ui-accordion-content {padding-bottom:30px;}


/*
////////////////////////////////////////////////
// PAGES PRATIQUES
////////////////////////////////////////////////
*/	


/*
////////////////////////////////////////////////
// RESPONSIVE STYLES
////////////////////////////////////////////////
*/

@media screen and (max-width: 480px) {
	.infoListeCollection {height:auto; }
	span.auteurTablette {display:none}
}

@media screen and (min-width: 480px) {
/* ISOTOP LISTE EXPOS */	
	.isotopExpositions .grid-sizer, .blocExposition {
		width: 50%; }
	.isotopExpositions .grid-sizer > div, .blocExposition .marge {
		margin: 10px}
/* ISOTOP LISTE OEUVRE */
	.isotopCollection .grid-sizer, .blocCollection {
		width: 50%; }
	.isotopCollection .grid-sizer > div, .blocCollection .marge {
		margin: 10px}
	.button-group-collection {float:right}	
	.button-group-collection .button {
	  padding: 8px 14px;
	  margin-left: 5px;
	  width:auto;
	}
/* ISOTOP AUTRE RENDEZ-VOUS LISTE */
	.isotopAutreRendezVous .grid-sizer, .blocAutreRDVliste {
		width: 50%; }
	.isotopAutreRendezVous .grid-sizer > div, .blocAutreRDVliste .marge {
		margin: 10px}	

/* ISOTOP LISTE EDITIONS */
	.isotopEditions .grid-sizer, .isotopEditions .blocEdition {width: 50%}	
	
/* ISOTOP LISTE VIDEOS */	
	.isotopVideo .grid-sizer, .isoBlocVideo {
		width: 50%; }
	.isotopVideo .grid-sizer > div, .isoBlocVideo .marge {
		margin: 10px}	
	
/* TABLE */	
td.nom {font-size:16px; font-size:1.6rem; line-height:16px; }					
}

@media screen and (min-width: 550px) {
/* ISOTOP LISTE RDV */	
	.isotoprendezVous {margin: 0 -10px;}
	.isotoprendezVous .grid-sizer, .blocRDVliste {
		width: 50%; }
	.isotoprendezVous .grid-sizer > div, .blocRDVliste .marge {
		margin: 10px}
	.blocRDVliste .imageRDV img {border:none;}
	.blocRDVliste .infosTypeDate, .blocRDVliste .infoRDV {padding: 0 10px 15px 15px;}
	.blocRDVliste .infosTypeDate {padding-top: 15px; color:#FFFFFF}
/* ISOTOP LISTE LABOSCOLAIRE */	
	.isotopProjetsScolaires {margin: 0 -10px;}
	.isotopProjetsScolaires .grid-sizer, .blocProjetScolaireListe {
		width: 50%; }
	.isotopProjetsScolaires .grid-sizer > div, .blocProjetScolaireListe .marge {
		margin: 10px}
	.blocProjetScolaireListe .infosTypeDate, .blocProjetScolaireListe .infoProjetScolaireListe {padding: 0 10px 15px 15px; color:#FFFFFF}
	.blocProjetScolaireListe .infosTypeDate {padding-top: 15px; }	
	.blocProjetScolaireListe a:hover h2 {color:#FFFFFF}	
}

@media screen and (min-width: 650px) {

}

@media screen and (min-width: 700px) {
.grid-sizer-galerie-expo, .blocGalerieExpo {width:33%}
	
/* ISOTOP LISTE OEUVRE */
	.isotopCollection .grid-sizer, .blocCollection {
		width: 50%; }
	.isotopCollection .grid-sizer > div, .blocCollection .marge {
		margin: 10px}
}


@media screen and (min-width: 768px) {
	
}


@media screen and (max-width: 1024px) {
	/*Single logiciel */
	.bodyBrique .chapo-single-logiciel {font-size:20px; font-size:2rem}
}

		
@media only screen and (min-width:991px) {
/* LISTE RDV */	
	.isotoprendezVous {margin: 5px;}
	body.home .isotoprendezVous {margin: 0 -10px;}
	.infoRDV, .dateRDV, .typeRDV {padding: 0 15px;}
	/* ISOTOP LISTE RDV */	
	.isotoprendezVous .grid-sizer, .blocRDVliste {
		width: 100%; }
	.isotoprendezVous .grid-sizer > div, .blocRDVliste .marge {
		margin: 10px}
	.blocRDVliste .imageRDV img { border:5px solid #FFFFFF}	
	body.home .rendezVousHome .blocRDVliste .imageRDV img {border:none}
	.blocRDVliste .infosTypeDate {padding: 20px 0px 0 0px ;}
	.blocRDVliste .infoRDV {padding: 0px 15px 0 15px ;}
	.blocRDVliste {margin-top:50px; width:100%}
	body.home .isotoprendezVous .blocRDVliste {margin-top:0;}
/* LISTE LABOSCOLAIRE */	
	.isotopProjetsScolaires {margin: 5px;}
	/* ISOTOP LISTE LABOSCOLAIRES */	
	.isotopProjetsScolaires .grid-sizer, .blocProjetScolaireListe {
		width: 100%; }
	.isotopProjetsScolaires .grid-sizer > div, .blocProjetScolaireListe .marge {
		margin: 10px}
	.blocProjetScolaireListe .infosTypeDate, .blocProjetScolaireListe .infoProjetScolaireListe {padding: 0 10px 15px 15px; color:#FFFFFF}
	.blocProjetScolaireListe .infosTypeDate {padding-top: 15px; }
	.blocProjetScolaireListe a:hover h2 {color:#000000}	
	
	

}

@media only screen and (min-width:992px) {
.blocProjetScolaireListe .infosTypeDate, .blocProjetScolaireListe .infoProjetScolaireListe {color:#000000}
}

@media screen and (min-width: 1000px) {
/* ISOTOP LISTE EXPOS */	
	.largeLargeur .grid-sizer, .largeLargeur .blocExposition {
		width: 33.33333%; }
	.largeLargeur .grid-sizer > div, .largeLargeur .blocExposition .marge {
		margin: 10px;}
	.smallLargeur .grid-sizer, .smallLargeur .blocExposition {
		width: 50%; }
	.smallLargeur .grid-sizer > div, .smallLargeur .blocExposition .marge {
		margin: 10px;}	

/* ISOTOP GALERIE SINGLE EXPO */
	.grid-sizer-galerie-expo, .blocGalerieExpo {width:50%}

/* ISOTOP LISTE OEUVRE */
	.isotopCollection .grid-sizer, .blocCollection {
		width: 33%; }
	.isotopCollection .grid-sizer > div, .blocCollection .marge {
		margin: 10px}
		
	
/* LISTE FICHE PEDAGO COLLECTION */
	td.auteur, th.auteur {display:table-cell}
	span.auteurTablette {display:none}
/* ISOTOP LISTE EDITIONS */
	.isotopEditions .grid-sizer, .isotopEditions .blocEdition {width: 33%}	
	
/* ISOTOP LISTE VIDEOS */	
	.isotopVideo .grid-sizer, .isoBlocVideo {
		width: 33%; }
}

@media screen and (min-width: 1200px) {
/* ISOTOP AUTRE RENDEZ-VOUS LISTE */
	.isotopAutreRendezVous .grid-sizer, .blocAutreRDVliste {
		width: 25%; }
	.isotopAutreRendezVous .grid-sizer > div, .blocAutreRDVliste .marge {
		margin: 10px}
/* LISTE LABOSCOLAIRE */	
	.isotopProjetsScolaires {margin: 5px;}
	/* ISOTOP LISTE LABOSCOLAIRES */	
	.isotopProjetsScolaires .grid-sizer, .blocProjetScolaireListe {
		width: 100%; }
	.isotopProjetsScolaires .grid-sizer > div, .blocProjetScolaireListe .marge {
		margin: 10px}
		
}
@media screen and (min-width: 1500px) {
/* ISOTOP LISTE EXPOS */
	.largeLargeur .grid-sizer, .largeLargeur .blocExposition {width: 25%}
	.smallLargeur .grid-sizer, .smallLargeur .blocExposition {width: 33.33333%}
/* ISOTOP LISTE OEUVRE */
	.isotopCollection .grid-sizer, .blocCollection {
		width: 25%; }
	.isotopCollection .grid-sizer > div, .blocCollection .marge {
		margin: 10px}
/* ISOTOP LISTE EDITIONS */
	.isotopEditions .grid-sizer, .isotopEditions .blocEdition {width: 25%}
/* ISOTOP LISTE VIDEOS */	
	.isotopVideo .grid-sizer, .isoBlocVideo {
		width: 25%; }	
		
}


@media screen and (max-width: 1200px) {

		
/*RESIDENCES LISTE */
.intro {display:block}
.introResidenceBloc {display:none}
.listResidences .titreResidenceBloc .titreResidenceContenu, .listResidences .introResidenceBloc .introResidenceContenu {  
  text-align:left;
  }
.listResidences .classA .imageResidenceBloc, .listResidences .classA .titreResidenceBloc, .listResidences .classA .introResidenceBloc,
.listResidences .classB .imageResidenceBloc, .listResidences .classB .titreResidenceBloc, .listResidences .classB .introResidenceBloc,
.listResidences .classC .imageResidenceBloc, .listResidences .classC .titreResidenceBloc, .listResidences .classC .introResidenceBloc
 {
	width : 50%;
	overflow: hidden;
	height:100%;
	}
.listResidences .classA .imageResidenceBloc,
.listResidences .classB .imageResidenceBloc,
.listResidences .classC .imageResidenceBloc
 {
	float:left;
	margin-left:0;
	}	
.listResidences .classA .titreResidenceBloc,
.listResidences .classB .titreResidenceBloc,
.listResidences .classC .titreResidenceBloc
 {
	left:50%;
	position:absolute;
	height:100%;
	}	
	
	
}

@media screen and (max-width: 991px) {
.listeLogiciel .imageLogiciel {margin-bottom:10px;}	
}

@media screen and (max-width: 640px) {

		
/*RESIDENCES LISTE */
.intro {display:none}
.introResidenceBloc {display:block;}
.listResidences .titreResidenceBloc .titreResidenceContenu, .listResidences .introResidenceBloc .introResidenceContenu {  
  text-align:left;
  }
.listResidences .classA .imageResidenceBloc, .listResidences .classA .titreResidenceBloc, .listResidences .classA .introResidenceBloc,
.listResidences .classB .imageResidenceBloc, .listResidences .classB .titreResidenceBloc, .listResidences .classB .introResidenceBloc,
.listResidences .classC .imageResidenceBloc, .listResidences .classC .titreResidenceBloc, .listResidences .classC .introResidenceBloc
 {
	width : 100%;
	overflow: hidden;
	height:auto;
	}
.listResidences .classA .imageResidenceBloc,
.listResidences .classB .imageResidenceBloc,
.listResidences .classC .imageResidenceBloc
 {
	float:none;
	margin-left:0;
	}	
.listResidences .classA .titreResidenceBloc,
.listResidences .classB .titreResidenceBloc,
.listResidences .classC .titreResidenceBloc
 {
	left:0;
	position:relative;
	height:auto;
	margin-top:20px;
	
	}	
.listResidences .classA .introResidenceBloc,
.listResidences .classB .introResidenceBloc,
.listResidences .classC .introResidenceBloc
{
	left:0;
	position:relative;
	top:0;
	color:#F7F7F7;
	height:auto;
	}
	
.listResidences .classA .titreResidenceBloc .titreResidenceContenu,
.listResidences .classB .titreResidenceBloc .titreResidenceContenu,
.listResidences .classC .titreResidenceBloc .titreResidenceContenu,
.listResidences .classA .introResidenceBloc .introResidenceContenu,
.listResidences .classB .introResidenceBloc .introResidenceContenu,
.listResidences .classC .introResidenceBloc .introResidenceContenu
	{
	top: 0;
	/*-webkit-transform: translateY(0);
	-ms-transform: translateY(0);*/
	transform: translateY(0);
	padding:10px 0;	
	}
}
.blocTexteTelechargementProgrammeTXT {
	position : relative;
	top : -67px;
	left : 5px;
	color : white
	}