@charset "UTF-8";
/* CSS Document */

.noir {color:#000000}


/*------------------------------------*\
    COULEURS MENU
\*------------------------------------*/
ul.topMenus li a:hover {color:#33cfa0}
ul.topMenus li:first-child a:hover {color:#21aac7}
li.navRendez-vous a:hover {color:#33cfa0}
li.navArt a:hover {color:#fe413f}
li.navDecouverte a:hover {color:#896ec6}
li.navMediatheque a:hover {color:#E4366B}
li.navRessources a:hover {color:#dd5256}
li.navPratique a:hover {color:#ee6e2c}
.menuMobile ul#menu-header li a {color:#21aac7}
.menuMobile ul#menu-header li a.vertMenu {color:#33cfa0}
.navigationMobile .ulMenuMobile li a.titreSousMenu{color:#21aac7}
.navigationMobile .ulMenuMobile li.navRendez-vous a.titreSousMenu{color:#33cfa0}
.navigationMobile .ulMenuMobile li.navArt a.titreSousMenu{color:#fe413f}
.navigationMobile .ulMenuMobile li.navDecouverte a.titreSousMenu{color:#896ec6}
.navigationMobile .ulMenuMobile li.navMediatheque a.titreSousMenu{color:#E4366B}
.navigationMobile .ulMenuMobile li.navRessources a.titreSousMenu{color:#dd5256}
.navigationMobile .ulMenuMobile li.navPratique a.titreSousMenu{color:#ee6e2c}


/*------------------------------------*\
    BLEU
\*------------------------------------*/
.bleu {color:#21aac7}
.bgBleu {background-color:#21aac7}
.bodyBleu .icon {background-color:#21aac7;}
.bodyBleu #logo {background-image:url(../img/logoNavBleu.png)}
.bodyBleu .footer {background-color:#21aac7;}
.bodyBleu h1.titrePage {color:#21aac7}
.bodyBleu #languageSwitcher ul li.active {background-color: #21aac7;}
.bodyBleu .blocRDVliste .morePlus {background-color:#ffffff; color:#21aac7;}
.bodyBleu .blocRDVliste .morePlus:hover {background-color:#000000; color:#FFFFFF;}
.searchResult h2, .searchResult a {color:#21aac7;}
/* Search */
.bodyBleu .moduleRecherche .icon { color:#21aac7;}
/* Telechargement programme */
.blocTexteTelechargementProgramme a:hover {color:#21aac7}


/*------------------------------------*\
    VERT
\*------------------------------------*/
.vert {color:#33cfa0}
.bgVert {background-color:#33cfa0}
.bodyVert .icon {background-color:#33cfa0;}
.bodyVert #logo {background-image:url(../img/logoNavVert.png)}
.bodyVert .footer {background-color:#33cfa0;}
.bodyVert h1.titrePage {color:#33cfa0}
.bodyVert h1.titrePageDeuxiemeNiveau {color:#33cfa0}
.bodyVert #languageSwitcher ul li.active {background-color: #33cfa0;}
.bodyVert .morePlus {background-color:#33cfa0}
.rendez-vous .footer a {color:#33cfa0}
body.rendez-vous h1.titrePage {color:#33cfa0}
.blocRDVliste .morePlus {background-color:#ffffff; color:#33cfa0;}
.chapo-single-rendez-vous {color:#33cfa0}
.bodyVert .bordureLarge {border-color:#33cfa0}
.bodyVert .blocAutreRDVliste .infosTypeDate {background-color:#33cfa0;}
.bodyVert .blocAutreRDVliste .morePlus {background-color:#ffffff; color:#33cfa0}
.bodyVert .blocAutreRDVliste .morePlus:hover {background-color:#000000; color:#33cfa0}
/* Search */
.bodyVert .moduleRecherche .icon { color:#33cfa0;}
.bodyVert .wp-pagenavi span.current { background-color: #33cfa0; border:1px solid #f7f7f7 }

/*------------------------------------*\
    ROUGE
\*------------------------------------*/
.rouge {color:#fe413f}
.bgRouge {background-color:#fe413f}
.bodyRouge a:hover {color:#fe413f}
.bodyRouge .icon {background-color:#fe413f;}
.bodyRouge #logo {background-image:url(../img/logoNavRouge.png)}
.bodyRouge .footer {background-color:#fe413f;}
.bodyRouge h1.titrePage {color:#fe413f}
.bodyRouge #languageSwitcher ul li.active {background-color: #fe413f;}

.bodyRouge .blocExposition .titreListeExpo {color:#fe413f; border-left:6px solid #fe413f;}
.bodyRouge .blocExposition:hover .marge {color:#ffffff;}
.bodyRouge .blocExposition:hover .titreListeExpo {color:#ffffff; border-left:6px solid #ffffff;}
.bodyRouge .blocExposition:hover .dateExpo {color:#ffffff;}
.bodyRouge .blocExposition:hover {
	background-color:#fe413f;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
	}
.blocExpoFirst .marge {background-color:#fe413f}
.titreRubriqueExposition {color:#fe413f;}
.chapo-single-expo {color:#fe413f;}
.bodyRouge .bordureLarge {border-color:#fe413f}
.bodyRouge .morePlus {background-color:#fe413f}
/* bouton toolkit exposition */
.bodyRouge .btnToolKit {border:3px solid #fe413f}
.bodyRouge .btnToolKit:hover {color:#fe413f}
/* page navi */
.bodyRouge .wp-pagenavi span.current { background-color: #fe413f; }
/* image lightbox */
.bodyRouge #imagelightbox-nav button.active { background-color: #fe413f; border: 1px solid #fe413f; }	
.bodyRouge #imagelightbox-close:hover, .bodyRouge #imagelightbox-close:focus { background-color: #ffffff;}
.bodyRouge #imagelightbox-close { background-color: #fe413f; }
.bodyRouge #imagelightbox-close:hover:before, .bodyRouge #imagelightbox-close:hover:after {background-color: #fe413f;}
/* vr lightbox */
.bodyRouge #cboxClose:hover, .bodyRouge #cboxClose:focus { background-color: #ffffff;}
.bodyRouge #cboxClose { background-color: #fe413f; }
.bodyRouge #cboxClose:hover:before, .bodyRouge #cboxClose:hover:after {background-color: #fe413f;}

.bodyRouge .singleExpo h3 {color:#fe413f;}
.bodyRouge h3.ui-accordion-header-active a { background-color:#fe413f; color:#FFFFFF}

/* Collection */
.blocCollection a:hover .overlay {border:11px solid #fe413f;}
.blocCollection .plus span { background-color:#fe413f;}
.bodyRouge .titreFiltre {color:#fe413f}

/* Boutons */
.button-group-collection .button { border: 3px solid #fe413f; color: #fe413f;}
.bodyRouge .button-group-collection .button:hover { background-color: #fe413f;}
.bodyRouge .button-group-collection .button:active, .bodyRouge .button-group-collection .button.is-checked {background-color: #fe413f;}
/* Search */
.bodyRouge .moduleRecherche .icon { color:#fe413f;}


/*RESIDENCES*/
.listResidences .introResidenceBloc {
	background-color: #fe413f;
	}

/*------------------------------------*\
    VIOLET
\*------------------------------------*/
.violet {color:#896ec6}
.bgViolet {background-color:#896ec6}
.bodyViolet a:hover {color:#896ec6}
.bodyViolet .icon {background-color:#896ec6;}
.bodyViolet #logo {background-image:url(../img/logoNavViolet.png)}
.bodyViolet .footer {background-color:#896ec6;}
.bodyViolet h1.titrePage {color:#896ec6}
.bodyViolet #languageSwitcher ul li.active {background-color: #896ec6;}
.bodyViolet .chapo {color:#896ec6}
.bodyViolet .blocProjetScolaireListe .morePlus {background-color:#ffffff; color:#896ec6;}
.bodyViolet .blocProjetScolaireListe .morePlus:hover {background-color:#000000; color:#ffffff;}
/* image lightbox */
.bodyViolet #imagelightbox-nav button.active { background-color: #896ec6; border: 1px solid #896ec6; }	
.bodyViolet #imagelightbox-close:hover, .bodyViolet #imagelightbox-close:focus { background-color: #ffffff;}
.bodyViolet #imagelightbox-close { background-color: #896ec6; }
.bodyViolet #imagelightbox-close:hover:before, .bodyViolet #imagelightbox-close:hover:after {background-color: #896ec6;}
/* Fiches pedagogiques */
.isotopCollectionFichesPedagogiques a:hover .overlay {border:none; background-color: #896ec6;}
.isotopCollectionFichesPedagogiques .blocCollection .plus span { background-color:#896ec6;}

.bodyViolet h3.ui-accordion-header-active a { background-color:#896ec6; color:#FFFFFF}

.bodyViolet .button { border: 3px solid #896ec6; color: #896ec6;}
.bodyViolet .button:hover { background-color: #896ec6;}
.bodyViolet .button:active, .bodyViolet .button.is-checked {background-color: #896ec6;}

.bodyViolet .pageFichesPedagogiques .search {border-color:#896ec6; color:#896ec6}
.bodyViolet .pageKitsExpo .search {border-color:#896ec6; color:#896ec6}
.bodyViolet table.listeLarge tr:hover {background-color:#896ec6;}
.bodyViolet table.listeLarge tr.noHover:hover {background-color:transparent;}
.bodyViolet table.listeLarge th {color:#896ec6}

/* Search */
.bodyViolet .moduleRecherche .icon { color:#896ec6;}

/*------------------------------------*\
    ROSE : MEDIATHEQUE
\*------------------------------------*/
.rose {color:#E4366B}
.bgRose {background-color:#E4366B}
.bodyRose .icon {background-color:#E4366B;}
.bodyRose #logo {background-image:url(../img/logoNavMarron.png)}
.bodyRose .footer {background-color:#E4366B;}
.bodyRose h1.titrePage {color:#E4366B}
.bodyRose #languageSwitcher ul li.active {background-color: #E4366B;}
.bodyRose a:hover {color:#E4366B;}
.bodyRose .bordureLarge {border-color:#E4366B}

.titreListeEdition h2 {color:#E4366B;}
.blocEdition:hover .titreListeEdition h2 {color:#ffffff;}
.blocEdition:hover .marge {color:#ffffff;}
.blocEdition:hover {
	background-color:#E4366B;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
	}
.blocEdition .titreListeEdition { border-left:6px solid #E4366B;}
.blocEdition:hover .titreListeEdition {color:#ffffff; border-left:6px solid #ffffff;}
.bodyRose .singleEdition h3 {color:#E4366B;}
.chapo-single-edition {color:#E4366B;}

.isoBlocVideo a:hover .overlay {border:11px solid #E4366B;}
.isoBlocVideo .plus span { background-color:#E4366B;}
.sous-titre-video h4 {color:#E4366B}
.bodyRose .titreListeExpo{color:#E4366B; border-left:6px solid #E4366B;}

/* page navi */
.bodyRose .wp-pagenavi span.current { background-color: #E4366B; }

.singleVideo .video-embed .fluid-width-video-wrapper {border-color:#E4366B}
.singleVideo .video-embed iframe {border-color:#E4366B}

/*LISTE AUDIO */
.bodyRose .blocExposition .titreListeExpo {color:#E4366B; border-left:6px solid #E4366B;}
.bodyRose .blocExposition:hover .marge {color:#ffffff;}
.bodyRose .blocExposition:hover .titreListeExpo {color:#ffffff; border-left:6px solid #ffffff;}
.bodyRose .blocExposition:hover .dateExpo {color:#ffffff;}
.bodyRose .pageAudios .blocExposition:hover {
	background-color:#E4366B;
	-webkit-transition: background-color 200ms linear;
    -moz-transition: background-color 200ms linear;
    -o-transition: background-color 200ms linear;
    -ms-transition: background-color 200ms linear;
    transition: background-color 200ms linear;
	}

/* SINGLE AUDIO */
.singleAudio h4:hover {color:#E4366B}
.singleAudio .ui-accordion-header-active {color:#E4366B}

/* Boutons */
.bodyRose .button { border: 3px solid #E4366B; color: #E4366B;}
.bodyRose .button:hover { background-color: #E4366B;}
.bodyRose .button:active, .bodyRose .button.is-checked {background-color: #E4366B;}
.bodyRose .button .icon {color: #E4366B;}

/* Search */
.bodyRose .moduleRecherche .icon { color:#E4366B;}

/*------------------------------------*\
    BRIQUE
\*------------------------------------*/
.brique {color:#dd5256}
.bgBrique {background-color:#dd5256}
.bgBrique .icon {background-color:#dd5256;}
.bgBrique #logo {background-image:url(../img/logoNavRose.png)}
.bgBriquee .footer {background-color:#dd5256;}
.bgBrique h1.titrePage {color:#dd5256}
.bgBrique #languageSwitcher ul li.active {background-color: #dd5256;}
.bodyBrique .icon {background-color:#dd5256;}
.bodyBrique #logo {background-image:url(../img/logoNavRose.png)}
.bodyBrique .footer {background-color:#dd5256;}
.bodyBrique h1.titrePage {color:#dd5256}
.bodyBrique #languageSwitcher ul li.active {background-color: #dd5256;}
.bodyBrique a:hover {color:#dd5256;}
.bodyBrique .bordureLarge {border-color:#dd5256}
.bodyBrique .morePlus {background-color:#dd5256}

/* Logitheque list cat */
.logitheque h2, .logitheque h2 a {color:#dd5256;}
.logitheque h2 a:hover {color:#494949;}
/* Logitheque list post par cat */
.logithequeContenuCategorie h2, .logithequeContenuCategorie h2 a {color:#dd5256;}
.logithequeContenuCategorie h2 a:hover {color:#494949;}
/*Single logiciel */
.bodyBrique .chapo-single-logiciel {color:#dd5256; margin-top:0;}
.bodyBrique .plusInfoLogiciel h3 {color:#dd5256;}
.bodyBrique .iconeSystem .icon {background-color:transparent;}
.bodyBrique .iconeSystem .icon:hover {background-color:transparent;}


/*------------------------------------*\
    ORANGE
\*------------------------------------*/
.orange {color:#ee6e2c}
.bgOrange {background-color:#ee6e2c}
.bodyOrange .icon {background-color:#ee6e2c;}
.bodyOrange #logo {background-image:url(../img/logoNavOrange.png)}
.bodyOrange .footer {background-color:#ee6e2c;}
.bodyOrange h1.titrePage {color:#ee6e2c}
.bodyOrange #languageSwitcher ul li.active {background-color: #ee6e2c;}
.bodyOrange .chapo {color:#ee6e2c}

.bodyOrange a:hover {color:#ee6e2c}
.bodyOrange div.wpcf7 { border:8px solid #ee6e2c; color: #ee6e2c}
.bodyOrange div.wpcf7 input[type="submit"] { background-color: #ee6e2c; border:none}
.bodyOrange div.wpcf7-validation-errors {border:2px solid #ee6e2c; text-align:center}

.bodyOrange table.listeLarge tr:hover {background-color:#ee6e2c;}
.bodyOrange table.listeLarge tr.bgOrange:hover, .bodyOrange table.listeLarge tr.bgOrange {color:#ffffff;}
.bodyOrange table.listeLarge tr.noHover:hover {background-color:transparent;}
.bodyOrange table.listeLarge th {color:#ee6e2c}
.bodyOrange .pageEspacePresse .search {border-color:#ee6e2c; color:#ee6e2c}

.bodyOrange #table tr:hover .icon {color:#FFFFFF;}
.bodyOrange #table tr:hover .icon:hover {color:#494949;}
.bodyOrange #table tr:hover div.fichiersMobile .icon {color:#494949;}
.bodyOrange #table tr:hover div.fichiersMobile .icon:hover {color:#ee6e2c;}

/* Search */
.bodyOrange .moduleRecherche .icon { color:#ee6e2c;}


@media screen and (min-width: 550px) {
	body.rendez-vous h1.titrePage {color:#33cfa0}
}
@media only screen and (max-width:991px) {
	.blocRDVliste .marge {background-color:#33cfa0;}
	.bodyBleu .blocRDVliste .marge {background-color:#21aac7;}
	.blocProjetScolaireListe .marge {background-color:#896ec6;}
}
@media only screen and (min-width:991px) {
	.blocRDVliste .morePlus {background-color:#33cfa0; color:#FFFFFF;}
	.bodyViolet .blocProjetScolaireListe .morePlus {background-color:#896ec6; color:#ffffff;}
	body.rendez-vous h1.titrePage {color:#ffffff}
	.infoRDV h2 {color:#33cfa0;}
	.infoProjetScolaireListe h2 {color:#896ec6;}
	.bodyBleu .infoRDV h2 {color:#21aac7;}
	.bodyBleu .blocRDVliste .morePlus {background-color:#21aac7; color:#FFFFFF;}
	body.home .isotoprendezVous .blocRDVliste .infosTypeDate {color:#21aac7}
}

@media screen and (max-width: 1200px) {
	.listResidences .classA .introResidenceBloc, .listResidences .classB .introResidenceBloc, .listResidences .classC .introResidenceBloc {
		background-color:transparent;
		color:#000000;
	}
	.bodyRouge .listResidences a:hover {color:#000000}
}