/* 
 ***********************************
 * CSS Ifage, modifie foundation.css
 *********************************** 
 */

/* General tags and classes */
body{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	height:100%;
	width:100%;
	
}
#browserWarning{display:none}
h1, 
h2, 
h3, 
h4, 
h5, 
h6{
	color:#a70076;	
	font-family:"Arial", Helvetica, sans-serif; 
}
a, a:visited{
	color:#666;
}
a:hover{
	color:#a70076
}

#main-content h1, 
#main-content h2, 
#main-content h3, 
#main-content h4, 
#main-content h5, 
#main-content h6, 
#main-content a,
{
	color:#a70076;
}

.langues #main-content h1, 
.langues #main-content h2, 
.langues #main-content h3, 
.langues #main-content h4, 
.langues #main-content h5, 
.langues #main-content h6, 
.langues #main-content a,
.langues h1, 
.langues h2, 
.langues h3, 
.langues h4, 
.langues h5, 
.langues h6, 
.langues a{
	color:rgb(149,193,31);
}
.commerce #main-content h1, 
.commerce #main-content h2, 
.commerce #main-content h3, 
.commerce #main-content h4, 
.commerce #main-content h5, 
.commerce #main-content h6, 
.commerce #main-content a,
.commerce h1, 
.commerce h2, 
.commerce h3, 
.commerce h4, 
.commerce h5, 
.commerce h6, 
.commerce a
{
	color:rgb(23,135,160);
}
.informatique #main-content h1, 
.informatique #main-content h2, 
.informatique #main-content h3, 
.informatique #main-content h4, 
.informatique #main-content h5, 
.informatique #main-content h6, 
.informatique #main-content a,
.informatique h1, 
.informatique h2, 
.informatique h3, 
.informatique h4, 
.informatique h5, 
.informatique h6, 
.informatique a
{
	color:rgb(233,83,20);
}
.industrie #main-content h1, 
.industrie #main-content h2, 
.industrie #main-content h3, 
.industrie #main-content h4, 
.industrie #main-content h5, 
.industrie #main-content h6, 
.industrie #main-content a,
.industrie h1, 
.industrie h2, 
.industrie h3, 
.industrie h4, 
.industrie h5, 
.industrie h6, 
.industrie a{
	color:rgb(154,82,23);
}
.creavisu #main-content h1, 
.creavisu #main-content h2, 
.creavisu #main-content h3, 
.creavisu #main-content h4, 
.creavisu #main-content h5, 
.creavisu #main-content h6, 
.creavisu #main-content a,
.creavisu h1, 
.creavisu h2, 
.creavisu h3, 
.creavisu h4, 
.creavisu h5, 
.creavisu h6, 
.creavisu a{
	color:rgb(233,83,20);
}
.forfor #main-content h1, 
.forfor #main-content h2, 
.forfor #main-content h3, 
.forfor #main-content h4, 
.forfor #main-content h5, 
.forfor #main-content h6, 
.forfor #main-content a,
.forfor h1, 
.forfor h2, 
.forfor h3, 
.forfor h4, 
.forfor h5, 
.forfor h6, 
.forfor a{
	color:#a70076
}

h1{
	text-align:center; 
}
button, .button, button.visited, .button:visited{
 background-color:#a70076;
}
button:hover, button:focus, button:active, .button:hover, .button:focus, .button:active{
	background-color:#666
}
button a, 
a.button{
	color:#fff !important
}

nav.top-bar section.top-bar-section.tools ul.right li.user_bar.has-dropdown.not-click ul.dropdown li a:hover{background-color:#999 !important}
/*ul{margin-left:0}*/
ul.centres-exams > li > h3,
ul.certif-types > li > h3{
	border-bottom:1px solid #CCC;
}
ul.centres-exams > li > img{float:right;margin-right:0;margin-bottom:1em}
	
ul.certif-types > li .button span{
	color:#fff;
}
ul.centres-exams .button,
ul.certif-types .button
{
	float:right; clear:right
}
ul.partenaires > li{
	margin-top:1em;
	padding-right:2em;
	line-height:1.5em
}
ul.partenaires > li h2 span{
	color:#CCC
}
.smaller{
	font-size:0.9em
}
.floatleft{
	float:left
}
.floatright{
	float:right
}
img.floatleft{
	margin:1em
}
img.floatright{
	margin:1em
}
.clearright{
	clear:right;
}
.clearfix{
	clear:both;
}
.hidden{
	display:none
}

.links-to-item .underline{
	text-decoration:underline;
}
.links-to-building *{
	text-decoration:underline;
}
.loader{
	text-align:center;
}
span.ifage_only, 
div.ifage_only{
	font-size:.6em;
}
.certif_type{
	float:right; 
	font-size:smaller
}
.message{
	padding:.5em; margin-top:1em
}
.message.notice, .message.success{
	background-color:#AAFDB0;
}
.message.alert{
	background-color:#FFA8A8;
}

.non_french_msg-box i {font-size:2rem;}
.non_french_msg-box p{margin-left:3rem;}



input[type="text"].error-field, 
input[type="password"].error-field, 
input[type="date"].error-field, 
input[type="datetime"].error-field, 
input[type="datetime-local"].error-field, 
input[type="month"].error-field, 
input[type="week"].error-field, 
input[type="email"].error-field, 
input[type="number"].error-field, 
input[type="search"].error-field, 
input[type="tel"].error-field, 
input[type="time"].error-field, 
input[type="url"].error-field,
input[type="radio"].error-field,
input[type="checkbox"].error-field, 
textarea.error-field,
select.error-field{
	border:1px solid red !important;
	background-color:#FCC
}
.error-text{color:red}


.filteringHighlight {
	background-color: yellow;
}
.not_synched{
	text-decoration:line-through;
}
section{
	padding:1em 0; 
	margin-top:1em;
}

.toolbar{position:relative}
.toolbar i{display:inline; margin-right:1em}
.printPdfZone{float:left; width:100%;text-align:right}
.printPdfZone p{margin-bottom:0.2em;}
.printPdfZone form {float:right;}
/*.printPdfZone form label {float:left;}*/
/*.printPdfZone form button{float:right;} */
.printPdfZone .optionsContainer{float:left;}
.printPdfZone form input.button{float:right}
.printPdfZone form input {margin:0 0 0 1em; padding:.8em}
/*
.printPdfZone form div,.printPdfZone form input {float:left; margin:0 0 0 1em;}
.printPdfZone form input.button{margin-left:0; padding:.5em; font-size:0.86em}
*/
.print_zone{display:none; position:absolute; z-index:100; top:0;right:2em; }
#printSelector{display:inline; float:left; width:auto}
.print-link{cursor:pointer; display:inline; float:right; width:auto}
/* Foundation icons */
/*i{padding:0; margin:0;line-height:1em; vertical-align:baseline;}*/

.ui-tabs-nav i{
	font-size: 2em;
}

.orientation .panel i.fi-compass{font-size:5em}
.caf-zone,
.batiment{cursor:help}





.tabs{display:none}

.commerce i		{color:rgb(23,135,160)}
.informatique i	{color:rgb(233,83,20) }
.langues i		{color:#8EB410;color:rgb(149,193,31); }
.industrie i	{color:rgb(154,82,23) }
.creavisu i		{color:rgb(233,83,20) }
.button i{color:#fff}
i.fi-battery-empty, 
i.fi-prohibited, 
i.fi-x-circle{
	color:#FF0000 !important
}
.fi-contrast{
	color:#FF9900 !important
}
.fi-check{
	color:#009900 !important
}
.nl i{font-size:1.5em}
    

he{vertical-align:middle}

/*
 * TOP BAR  
*/
.top-bar li a.follow-us{
	float:left;
	    width: 1em;

}
.top-bar li a.follow-us i {
	color:#666;
    font-size: 2.5em;
    margin-right: 0.1em;
    width: 1em;
}
.top-bar li a.follow-us span {
    display: none;
}
/*
.top-bar{
	background-color:#fff; 
	height:auto;
}
.top-bar-section li:not(.has-form) a:hover:not(.button){background:none}
.top-bar a{color:#999}
.top-bar .name{
	height:auto;
}
.top-bar h1{
	text-align:left
}
.top-bar .toggle-topbar.menu-icon a:after{
	box-shadow : 0 10px 0 1px black, 0 16px 0 1px black, 0 22px 0 1px black;
}
.top-bar-section{
	padding:0; 
	margin-top:0
}
.top-bar-section ul, 
.top-bar-section .has-form{
	background-color:#fff
}
*/
/*
.top-bar section.top-bar-section ul.right{
	height:80px!important;} /* same height as logo*/

/*.top-bar, .top-bar ul{height:80px}*/
/* MAIN NAV */
#secteurs-nav a.langues h2{color: #8EB410; color:rgb(149,193,31);/*border-bottom:4px solid #8EB410*/}
#secteurs-nav a.commerce h2{color:rgb(23,135,160);/*border-bottom:4px solid #008283*/}
#secteurs-nav a.creavisu h2{color:rgb(233,83,20);/*border-bottom:4px solid #D9620D*/}
#secteurs-nav a.informatique h2{color:rgb(233,83,20);/*border-bottom:4px solid #443C77*/}
#secteurs-nav a.industrie h2{color:rgb(154,82,23);/*border-bottom:4px solid #8C6102*/}
/*
.top-bar-section ul li > a{
	background:none !important;}
.top-bar-section input[type="text"]{
	height:2rem
}
.top-bar-section a.button{
	background-color:#a70076
}
.top-bar-section li:not(.has-form) a:not(.button){
	background:none; 
}
.top-bar.expanded .title-area{
	background-color:#fff;
}
.top-bar-section .language_bar, 
.top-bar-section .language_bar > a {
	color:#333 !important
}

#secteurs-nav{width:100%;text-align:center}
#secteurs-nav li{text-align:center;padding:0;line-height:1}
#secteurs-nav li h2{font-size:1.4em}
*/

.top-bar{height:auto}
.button.filieres_box_toggler{background-color:#a70076}
/* **********************************************
 * Main content
 ************************************************/
/* 
 * Page header 
 */
.page-header{
	color:#fff;
	padding:1em 0; 
	margin-top:0;
	background-color:#a70076;	
	/*
	background-position:center center;
	background-size:contains;
	*/
	background-size:cover;
	background-attachment:inherit; /* TODO : check why we see background-color when scrolling, when we set this property to fixed (which is a wish) */
	background-repeat:no-repeat;
	/*background-repeat:repeat-x; /* use this with linear-gradient background */
}
@media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */
	.page-header{padding:5em 0}
	.page-header h1 {
		line-height:.9em; 
		font-size:5em;
	}
}
@media only screen and (max-width: 40em) { /* max-width 640px, mobile-only styles, use when QAing mobile issues */
	h1{
		font-size:2em;
		line-height:.9em;
	}

} 
@media print {
	.top-bar-section.tools, .top-bar-section.main-nav, .toggle-topbar.menu-icon, .left-off-canvas-menu, 
	section.news, .breadcrumbs, .toolbar, .ui-tabs-nav, 
	.jplist-panel, .jplist-no-results, 
	.print .timetable.orientation,
	footer{
		display:none !important
	}	
  

  .timetable a[href]:after {
    content: none !important;
  }
  .timetable tr.item td{border-bottom:1px solid #999}

}

.page-header h1, 
.page-header h2, 
.page-header h3, 
.page-header p, 
.page-header blockquote, 
.page-header cite{
	color:#fff
}
.page-header h3{text-align:center}

.frontpage .page-header		{background-color:#a70076;}
.adresses .page-header		{background-color:#a70076;}
.qui-sommes-nous .page-header{background-color:#a70076;}
.langues .page-header		{background-color:#8EB410; background-color:rgb(149,193,31);}
.commerce .page-header		{background-color:rgb(23,135,160);}
.creavisu .page-header		{background-color:rgb(233,83,20);}
.informatique .page-header	{background-color:rgb(233,83,20);}
.industrie .page-header		{background-color:rgb(154,82,23);}
.horlogerie-bijouterie .page-header{background-color:rgb(154,82,23); }
.entreprises .page-header	{background-color:#707173;}
.conseil .page-header	{background-color:#707173;}


@media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */
	.voeux .page-header		{background-image:url(../assets/headers/JOYEUSES-FETES-3.jpg);}
	.frontpage .page-header		{background-image:url(../assets/headers/home.jpg);}
  .conseil .page-header	{background-image:url(../assets/headers/conseil-formation.jpg);}
	.entreprises .page-header	{background-image:url(../assets/headers/entreprise.jpg);} 
	.adresses .page-header		{background-image:url(../assets/headers/home.jpg);}
	.langues .page-header		{background-image:url(../assets/headers/langues.jpg);}
	.commerce .page-header		{background-image:url(../assets/headers/commerce.jpg);} 
	.creavisu .page-header		{background-image:url(../assets/headers/creavisu.jpg) }
	/*.informatique .page-header	{background-image:url(../assets/headers/informatique.jpg);} */
	.informatique .page-header	{background-image:url(../assets/headers/creavisu.jpg);} 
	.industrie .page-header		{background-image:url(../assets/headers/industrie-1.jpg);}
	.industrie.horlogerie .page-header{background-image:url(../assets/headers/industrie-horlogerie.jpg);}
	.industrie.horlogerie.decouverte-horlogerie-montres-niveau-1 .page-header{background-image:url(../assets/headers/industrie-horlogerie-decouverte.jpg);}
	.industrie.polissage .page-header{background-image:url(../assets/headers/industrie-polissage.jpg);}
	.industrie.usinage .page-header{background-image:url(../assets/headers/industrie-usinage-mecanique-de-base.jpg);}
	.industrie.bijouterie .page-header{background-image:url(../assets/headers/industrie-gemmologie.jpg);}
	.industrie.soudage .page-header{background-image:url(../assets/headers/industrie-soudure-tig-mag.jpg);}
	.industrie.soudage.soudage-au-chalumeau-ou-a-larc-electrique .page-header{background-image:url(../assets/headers/industrie-soudure-chalumeau.jpg);}
	.industrie.metiers-du-bois .page-header{background-image:url(../assets/headers/industrie-menuiserie-ebenisterie.jpg);}
	
}

 
/*
 * Breadcrumbs 
*/
.breadcrumbs{
	margin-top:-1em; 
	margin-bottom:0
}
.frontpage #main-content .button{
	background-color:#a70076
}

#main-content{
	min-height:20em;
	margin:0;
	background-repeat:no-repeat;
/*	background-position:center top;*/
/*background-position:center center;*/
	background-position:center bottom;

	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover; 
	padding-bottom:2em;
}
@media only screen and (min-width: 40.063em) { /* min-width 641px, medium screens */

	.langues #main-content{ 
		background-image: url(../assets/bg/langues.jpg);background-position:center center;

	}
	.industrie #main-content{ 
		background-image: url(../assets/bg/industrie.jpg);background-position:center center;
	}
	.commerce #main-content{ 
		background-image: url(../assets/bg/commerce.jpg); background-position:center center;
	}
	.informatique #main-content{ 
		/*background-image: url(../assets/bg/informatique.jpg); */
		background-image: url(../assets/bg/creavisu.jpg); 
	}
	.creavisu #main-content{ 
		background-image: url(../assets/bg/creavisu.jpg); 
	}
}
.frontpage #main-content h2, 
.frontpage #main-content h3{
	text-align:center
}


/*
 * Newsflash and featured news
*/
section.news{margin-top:2em; padding:0}

.featured,
.newsflash{
	margin-bottom:1em; position:relative
}
  
.featured div .caption, 
.featured .fotorama__caption__wrap{
	padding:.5em;
	position:absolute; bottom:0em; left:0; width:95%;
	background-color: rgba(0, 0, 0, 0.7); 
	color:#ccc;
}

.fotorama__stage__frame--video{background-color:black}

.featured div .caption{
	/*display:none;/* prevents flash of unstyled content */
	text-align:left
}
.featured div .more_link a{padding:.2em; border:1px solid #f2f2f2; border-radius:0px}
.featured div .caption h3, 
.featured div .caption a, 
.featured .fotorama__caption__wrap h3, 
.featured .fotorama__caption__wrap a{
	color:#ffffff;
	text-align:left !important;
}
.fotorama p{
	font-size:.8em
}

.newsflash .fotorama__stage {
	background-color: rgba(0, 0, 0, 0.6);
} 
.newsflash .slide{
	padding:1em
}
.fotorama__video-play{
	z-index:10000
}
.fotorama__dot{border-color:#333}
.newsflash .langues h4{color: #8EB410; color:rgb(149,193,31);/*border-bottom:4px solid #8EB410*/}
.newsflash .commerce h4{color:rgb(23,135,160);/*border-bottom:4px solid #008283*/}
.newsflash .creavisu h4{color:rgb(233,83,20);/*border-bottom:4px solid #D9620D*/}
.newsflash .informatique h4{color:rgb(233,83,20);/*border-bottom:4px solid #443C77*/}
.newsflash .industrie a{color:rgb(154,82,23);/*border-bottom:4px solid #8C6102*/}

.newsflash .informatique .fi-plus{color:rgb(233,83,20)}
/*
 * Section offre 
 */
section.offre h2{
	font-size:3em; 
	text-align:center;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2);
}
/*
 * Filieres section on homepage
 */
/* 
ul.filieres{text-align:center}
ul.filieres li { padding:.2em !important; }
ul.filieres li div{ margin:.2em !important}
ul.filieres li div a{background-color: #999; border-right:none !important; padding:.5em; color:#fff !important; font-size:large}
*/
#searchBloc p span a{text-decoration:underline}
.filieres_box_opener > span{display:none}
ul.filieres li{padding-bottom:.3em}
ul.filieres li h3{font-size:1.2em; font-weight:bold}
ul.filieres li a{color:#333}
ul.filieres li a.langues{color:#8EB410;color:rgb(149,193,31);}
ul.filieres li a.commerce{color:rgb(23,135,160);}
ul.filieres li a.creavisu{color:rgb(233,83,20);}
ul.filieres li a.informatique{color:rgb(233,83,20);}
ul.filieres li a.industrie{color:rgb(154,82,23);}
ul.filieres li a.forfor{color:#a70076;}

ul.filieres li a:hover{background-color:#a70076; color:#fff}
ul.filieres li a.langues:hover{background-color:#8EB410; background-color:rgb(149,193,31);}
ul.filieres li a.commerce:hover{background-color:rgb(23,135,160);}
ul.filieres li a.creavisu:hover{background-color:rgb(233,83,20);}
ul.filieres li a.informatique:hover{background-color:rgb(233,83,20);}
ul.filieres li a.industrie:hover{background-color:rgb(154,82,23);}
ul.filieres li a.industrie:forfor{background-color:#a70076;}


.pic-caption{font-size:smaller; color:#ccc}


/*
 * Entreprises section on homepage
 */
.entreprises .button{
	background-color:#a70076
}
.entreprises .button:hover{
	background-color:#999
}

/*
 * Page batiments
 */
.galerie-batiment{
	text-align:center
}
.galerie-batiment img{
	margin-right:.1em
}

.reveal-modal #main-content{background:none}


.partenaires-list li .panel{display:none; background:none; vertical-align:middle; border:1px solid #ccc; position:relative; margin:0; text-align:center}
.partenaires-list li .panel h2 {font-size:1em;margin:1em 1.5em}
.partenaires-list li .panel .more {margin-bottom:0; text-align:right; position:absolute; bottom:0; right:0; clear:both}
.partenaires-list li .panel .more a{margin-bottom:0}





/* ************************************
 * jQuery accordion overrides
 */
.accordion-loader, tabs-loader{
	text-align:center
}
.accordion{
	display:none;
	background-color:none
}
.accordion .ui-accordion-header, 
.accordion .ui-accordion-content{
	background:none;
	background-color: rgba(255, 255, 255, 0.7); 
	border-radius:0
}
.accordion > .ui-accordion-content{
	border-width:1px; 
	border-style:solid; 
	border-collapse:collapse
}
.accordion .ui-accordion-content{
	border:0; 
	padding:.1em 0 1em .5em;
}


/* Inactive accordion headers and content have light sector border color and text is dark sector color */
/*.accordion .ui-accordion-header{float:left; width:49%;} 
.accordion .ui-accordion-header:nth-child(odd){margin-right:1%;}*/
.accordion .ui-accordion-header-active{
	width:100%; 
	float:none; 
	clear:both;
	
}

.langues .level-box,
.langues .accordion .ui-accordion-header, 
.langues .accordion .ui-accordion-content,
.accordion .ui-accordion-header.langues, 
.accordion .ui-accordion-content.langues {
	border-color:#DAE4B7;
}
.commerce .level-box,
.commerce .accordion .ui-accordion-header, 
.commerce .accordion .ui-accordion-content,
.accordion .ui-accordion-header.commerce, 
.accordion .ui-accordion-content.commerce {
	border-color:#AAD2D0;
}
.informatique .level-box,
.informatique .accordion .ui-accordion-header, 
.informatique .accordion .ui-accordion-content,
.accordion .ui-accordion-header.informatique, 
.accordion .ui-accordion-content.informatique {
	border-color:#F4CAA6;
}
.creavisu .level-box,
.creavisu .accordion .ui-accordion-header, 
.creavisu .accordion .ui-accordion-content,
.accordion .ui-accordion-header.creavisu, 
.accordion .ui-accordion-content.creavisu {
	border-color:#F4CAA6;
}
.industrie .level-box,
.industrie .accordion .ui-accordion-header, 
.industrie .accordion .ui-accordion-content,
.accordion .ui-accordion-header.industrie, 
.accordion .ui-accordion-content.industrie {
	border-color:#DFCAA8;
}
.forfor .level-box{
	border-color:#a70076;
}
/* Accordion headers have dark sector color */
/*
.langues .ui-state-default a, 		
.langues .ui-state-default a:link, 		
.langues .ui-state-default a:visited{
	color:#8EB410
}
*/
.ui-state-default{color:#a70076}
.langues .ui-state-default,
.ui-state-default.langues{
	color:#8EB410;
}
/*
.commerce .ui-state-default a, 		
.commerce .ui-state-default a:link, 	
.commerce .ui-state-default a:visited{
	color:rgb(23,135,160)
}
*/
.commerce .ui-state-default,
.ui-state-default.commerce{
	color:rgb(23,135,160);
}
/*
.informatique .ui-state-default a, 	
.informatique .ui-state-default a:link,	
.informatique .ui-state-default a:visited{
	color:rgb(233,83,20)
}
*/
.informatique .ui-state-default,
.ui-state-default.informatique{
	color:rgb(233,83,20);
}
/*
.creavisu .ui-state-default a, 		
.creavisu .ui-state-default a:link, 	
.creavisu .ui-state-default a:visited{
	color:rgb(233,83,20)
}
*/
.creavisu .ui-state-default,
.ui-state-default.creavisu{
	color:rgb(233,83,20);
}
/*
.industrie .ui-state-default a, 	
.industrie .ui-state-default a:link, 	
.industrie .ui-state-default a:visited{
	color:rgb(154,82,23)
}
*/
.industrie .ui-state-default,
.ui-state-default.industrie{
	color:rgb(154,82,23);
}

.accordion h3.distance {
	border-width:5px
} 
.accordion h3.cours-ete {
	border-width:3px
} 
/* Active headers have white text */
h3.ui-state-active a, h3.ui-state-active a:link, h3.ui-state-active a:visited, h3.ui-state-active > div{color:#ffffff !important}
h4.ui-state-active a, h4.ui-state-active a:link, h4.ui-state-active a:visited, h4.ui-state-active > div{color:#ffffff !important}
h5.ui-state-active a, h5.ui-state-active a:link, h5.ui-state-active a:visited, h5.ui-state-active > div{color:#ffffff !important}
h6.ui-state-active a, h6.ui-state-active a:link, h6.ui-state-active a:visited, h6.ui-state-active > div{color:#ffffff !important}


/* Active headers have dark background color and border-color of sector */
.ui-accordion-header.ui-accordion-header-active{
	background:#a70076; border-color:#a70076;
}

.langues .ui-accordion-header.ui-accordion-header-active,
.ui-accordion-header.ui-accordion-header-active.langues{
	background:#8EB410; border-color:#8EB410;
	background-color:rgb(149,193,31); border-color:rgb(149,193,31);
}
.commerce .ui-accordion-header.ui-accordion-header-active,
.ui-accordion-header.ui-accordion-header-active.commerce{
	background:rgb(23,135,160); border-color:rgb(23,135,160); color:#fff;
}
.informatique .ui-accordion-header.ui-accordion-header-active,
.ui-accordion-header.ui-accordion-header-active.informatique{
	background:rgb(233,83,20); border-color:rgb(233,83,20);
}
.creavisu .ui-accordion-header.ui-accordion-header-active,
.ui-accordion-header.ui-accordion-header-active.creavisu{
	background:rgb(233,83,20); border-color:rgb(233,83,20);
}
.industrie .ui-accordion-header.ui-accordion-header-active,
.ui-accordion-header.ui-accordion-header-active.industrie{
	background:rgb(154,82,23); border-color:rgb(154,82,23);
}
.accordion.certifications > h3.ui-accordion-header{
	background-color:#none !important;
}
.accordion.certifications .ui-accordion-header.ui-accordion-header-active{color:#fff}
/* Element accordion content has no padding nor border */
.element.ui-accordion-content.ui-accordion-content-active{padding:.2em; border-width:1px; border-style:solid; border-collapse:collapse}
.langues .element.ui-accordion-content.ui-accordion-content-active{border-color: #8EB410; border-color:rgb(149,193,31);}
.commerce .element.ui-accordion-content.ui-accordion-content-active{border-color:rgb(23,135,160)}
.informatique .element.ui-accordion-content.ui-accordion-content-active{border-color:rgb(233,83,20)}
.creavisu .element.ui-accordion-content.ui-accordion-content-active{border-color:rgb(233,83,20)}
.industrie .element.ui-accordion-content.ui-accordion-content-active{border-color:rgb(154,82,23)}




body.print .inscription.panel{display:none;}
/*
 * Page inscription
 */
#assurance-explanation-box #main-content{background-image:none;} 
#assurance-explanation-box #main-content *{font-size:x-small !important}
 
/*
 * Foundation panels
 */
 .panel{border:0}
 .panel h1, .panel h2, .panel h3, .panel h4, .panel h5, .panel h6{color:#a70076}

/*
 * Colorbox overrides
 */
#colorbox #cboxCurrent{display:none !important}
#cboxTitle{color:#fff}
/* ****************************
 * jQuery tabs overrides
 */
.ui-tabs-nav{background:none; background-color: rgba(255, 255, 255, 0.7); border:none; border-bottom:1px solid #ccc; padding:0 !important; margin:0 0 .5em 0 !important; border-radius:0}
.tabs.ui-tabs.ui-widget.ui-widget-content.ui-corner-all{border-radius:0; border:0 !important}
.ui-tabs-nav li, .ui-tabs-nav li a{border:none !important;border-radius:0 !important;}
.ui-tabs-nav li a{padding:0.1em .4em .3em .4em !important}
.ui-tabs-panel.ui-widget-content{padding:0 !important}
.level-details.tabs{padding:0}

.ui-tabs-nav .ui-state-default{background:none !important;background-color:#fff !important}
.ui-tabs-nav .ui-state-active a{background:none !important;color:#ffffff !important}
.ui-tabs-nav .ui-state-active i{background:none !important;color:#ffffff !important}

.ui-tabs-nav .ui-state-active{background:none !important;background-color:#a70076 !important}
.langues .ui-tabs-nav .ui-state-active{background:none !important;background-color:#8EB410 !important}
.commerce .ui-tabs-nav .ui-state-active{background:none !important;background-color:rgb(23,135,160) !important}
.informatique .ui-tabs-nav .ui-state-active{background:none !important;background-color:rgb(233,83,20) !important}
.industrie .ui-tabs-nav .ui-state-active{background:none !important;background-color:rgb(154,82,23) !important}
.creavisu .ui-tabs-nav .ui-state-active{background:none !important;background-color:rgb(233,83,20) !important}


.orientation .panel{position:relative; padding-left:6em;}
.orientation h3{text-align:left;}
.orientation .panel i{position:absolute; top:.1em; left:.1em}
.inscription .panel{margin-right:.2em}

.langues .orientation .panel	{background-color:#DAE4B7 !important; border:none}
.commerce .orientation .panel	{background-color:#AAD2D0 !important; border:none}
.informatique .orientation .panel{background-color:#F4CAA6 !important; border:none}
.creavisu .orientation .panel	{background-color:#F4CAA6 !important; border:none}
.industrie .orientation .panel	{background-color:#DFCAA8 !important; border:none}
.langues .panel h2, .langues .panel h3 {color:#8EB410 !important}
.commerce .panel h2, .commerce .panel h3{color:rgb(23,135,160) !important}
.informatique .panel h2, .informatique .panel h3{color:rgb(233,83,20) !important}
.industrie .panel h2, .industrie .panel h3{color:rgb(154,82,23) !important}
.creavisu .panel h2, .creavisu .panel h3{color:rgb(233,83,20) !important}

.product.panel.langues 		{/*background-color:#DAE4B7;*/border-color:rgb(149,193,31)}
.product.panel.commerce 	{/*background-color:#AAD2D0;*/border-color:rgb(23,135,160)}
.product.panel.informatique {/*background-color:#F4CAA6;*/border-color:rgb(233,83,20)}
.product.panel.creavisu 	{/*background-color:#F4CAA6;*/border-color:rgb(233,83,20)}
.product.panel.industrie 	{/*background-color:#DFCAA8;*/border-color:rgb(154,82,23)}
.product.panel.forfor 	{/*background-color:#DFCAA8;*/border-color:#a70076}




.pager{text-align:center}
.pager .page_nb{background-color:#f2f2f2; padding:.3em; min-width:2em; display:inline-block; text-align:center; margin-bottom:.2em}
.pager .current_page{background-color:#333; color:white; font-weight:bold; }



/* jQuery steps overrides */
.wizard 
{
	background-color: rgba(255, 255, 255, 0.9);
}

.wizard > .steps a,
.wizard > .steps a:hover,
.wizard > .steps a:active
{
    font-size:smaller;
	padding: .3em;
    border-radius: 0;
	background:none;
}

.wizard > .steps .number
{
    font-size: inherit;
}


.wizard > .steps .current a,
.wizard > .steps .current a:hover,
.wizard > .steps .current a:active
{
	background:none;
    color: #fff;
	border-bottom:dashed;
}

.wizard > .steps .disabled a,
.wizard > .steps .disabled a:hover,
.wizard > .steps .disabled a:active
{
   	/*background: #a70076;*/
	background:none;
    color: #ccc;
}
.wizard > .steps .done a,
.wizard > .steps .done a:hover,
.wizard > .steps .done a:active
{
	background:none;
}

.wizard > .actions a,
.wizard > .actions a:hover,
.wizard > .actions a:active
{
    background: #ccc;
    color: #fff;
    border-radius: 0;
}

.wizard > .actions .disabled a,
.wizard > .actions .disabled a:hover,
.wizard > .actions .disabled a:active
{
    background: #fff;
    color: #aaa;
}
.descriptif{
	background:none;
	background-color: rgba(255, 255, 255, 0.7); 
	border-radius:0
}
.descriptif ul{list-style-position:inside}
.descriptif li{list-style-position:outside; list-style-type:disc; font-size:1rem}

.descriptif li{line-height:1.4em; margin-left:1em }
 	
ul#matrixx_tree{padding:0; margin:0;}	
ul#matrixx_tree li{list-style-position:outside; padding:.5em}	
ul#matrixx_tree li#secteur-522{  /* commerce */
	background-color:rgb(23,135,160);
}
ul#matrixx_tree li#secteur-523{ /* informatique */
	background-color:rgb(233,83,20);
}
ul#matrixx_tree li#secteur-525{ /* langues */
	background-color:#8EB410;
	background-color:rgb(149,193,31);
}
ul#matrixx_tree li#secteur-526{ /* industrie */
	background-color:rgb(154,82,23);
}
ul#matrixx_tree li#secteur-227737{ /* creavisu */
	background-color:rgb(233,83,20);
}
ul#matrixx_tree li#secteur-227738{ /* distance */
	background-color:#a70076;
}
ul#matrixx_tree li ul {background-color:#666}
ul#matrixx_tree li ul ul {background-color:#999}
ul#matrixx_tree li ul ul ul {background-color:#CCC}
ul#matrixx_tree li ul ul ul ul {background-color:#f2f2f2}

ul.no-bullet li{list-style-type:none; margin-left:0;}
/*
 * Forms
 */
form .helper, .helper{font-size:x-small; color:#999}
form input.readonly{background-color:#CCC}
span.isMatrixx{font-variant:small-caps; vertical-align:super; color:red;}

select { /* styled as foundation <input> */
  -webkit-appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  background-color: white;
  font-family: inherit;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  color: #999; /*rgba(0, 0, 0, 0.75);*/
  display: block;
  font-size: 0.875rem;
  margin: 0 0 1rem 0;
  padding: 0.5rem;
  height: 2.3125rem;
  width: 100%;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: -webkit-box-shadow 0.45s, border-color 0.45s ease-in-out;
  -moz-transition: -moz-box-shadow 0.45s, border-color 0.45s ease-in-out;
  transition: box-shadow 0.45s, border-color 0.45s ease-in-out; }

#searchBloc #searchForm, #searchBloc p, #searchBloc p a{margin-bottom:0}

.jplist-panel{display:block}
.jplist-reset-btn span, .jplist-drop-down, .jplist-dd-panel, .text-filter-box input, .jplist-group label{font-size:x-small}
.jplist-group input{margin-bottom:0.1em}
/*
 * Tables
 */
 
.table     { display: table }
.tr        { display: table-row }
.thead     { display: table-header-group }
.tbody     { display: table-row-group }
.tfoot     { display: table-footer-group }
.col       { display: table-column }
.colgroup  { display: table-column-group }
.td, .th    { display: table-cell }
.caption   { display: table-caption }

.timetable_legend {margin-top:1em}
.timetable_legend ul {margin:0 0 .5em 0}
.timetable_legend > .inline-list > li{margin-left:0; line-height:1.2}
.timetable_legend ul li{font-size:small;marging-left:0 !important; margin-right:1em}
.timetable_legend ul li i{float:left; margin-right:.2em; font-size:small}
.timetable{width:100%;}
.timetable tr td{line-height:1.1em}
.timetable tr td.centered{text-align:center}
.commerce .timetable tr td .underline	{color:rgb(23,135,160)}
.informatique .timetable tr td .underline{color:rgb(233,83,20)}
.langues .timetable tr td .underline	{color:#8EB410; color:rgb(149,193,31);}
.industrie .timetable tr td .underline	{color:rgb(154,82,23)}
.creavisu .timetable tr td .underline	{color:rgb(233,83,20)}
.timetable tbody tr .links-to-item{cursor:copy}
.timetable .weekdays {color:#CCC; width:8em}
.timetable .weekdays > span{display:inline-block}
.timetable .weekdays .dayactive{font-weight:bold; text-decoration:underline; color:#222222}

/* ULs as table */
ul.table { display: table;font-size:0; margin:0}
ul.table li:nth-child(odd) {background: #f2f2f2}
ul.table li.table_header { display:table-header-group; font-size:15px; font-weight:bold}
ul.table li { display:table-row;  font-size:15px;}
ul.table li span, ul.table li div {display:table-cell; padding:.2em}
ul.table li div {font-weight:bolder; font-size:smaller; margin-right:.5em}


ul.table-like{margin:0; padding:0; background-color:white;font-size:0.85em}
ul.table-like li:nth-child(odd) {background: #f2f2f2}
ul.table-like li{list-style-type:none; width:100%; padding:.3em; border-bottom: 1px solid #ccc; display:inline-block; }
ul.table-like li div{display:inline-block; vertical-align:top; width:35%; font-weight:bolder; font-size:smaller;margin-right:.5em}


/* Bloc partenaires */
/*ul.partenaires {text-align:center; width:100%}*/
ul.partenaires li div{font-size:xx-small; overflow:hidden}
ul.partenaires li p{font-size:x-small; color:#CCC}
 

/* JPlist overrides */
.jplist-panel input[type="text"], .jplist-panel .jplist-icon, .jplist-panel .jplist-drop-down, .jplist-panel button, .jplist-panel .jplist-group{border-radius:0;}
.jplist-panel button, .jplist-panel.panel > *:first-child{margin:10px 10px 0 0; padding:0; height:30px}

.button i{font-size:1.4em}
/* back to top div*/
.back-to-top {
    position: fixed;
	width:2em;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #333333;
    background-color: rgba(235, 235, 235, 0.80);
    padding: 1em;
    display: none;
	font-size:3em;
}
.back-to-top span{display:none;}
.back-to-top:hover {background-color: rgba(135, 135, 135, 0.50);}

/*
 * Batiments
 */
.batiment li{clear:both}
.batiment li i{font-size:1.5em; float:left} 
.batiment li div{padding-top:.5em; margin-left:2em; line-height:1.1}
.batiment.hasReception{background-color:#ccc}

/* 
 * Partenaires
 */
.partenaires-list li .panel{display:none; background:none; vertical-align:middle; border:1px solid #ccc; position:relative; margin:0; text-align:center}
.partenaires-list li .panel h2 {font-size:1em;margin:1em 1.5em}
.partenaires-list li .panel .more {margin-bottom:0; text-align:right; position:absolute; bottom:0; right:0; clear:both}
.partenaires-list li .panel .more a{margin-bottom:0}

/*#teaser-modal.reveal-modal{background-color:transparent;border:none;box-shadow:none}*/

/* ***********************
 * FOOTER 
 */
footer{background-color:#999;}
.commerce footer{background-color:rgb(23,135,160);}
.informatique footer{background-color:rgb(233,83,20);}
.langues footer{background-color:#8EB410; background-color:rgb(149,193,31);}
.industrie footer{background-color:rgb(154,82,23);}
.creavisu footer{background-color:rgb(233,83,20);}


footer h2, footer ul, footer ol, footer dl,footer p{font-size:smaller}  
footer ul{list-style-type:none; margin-left:0; line-height:normal} 
footer ul li{margin-bottom:.4em} 


footer h3{color:#ccc !important;}
footer a{color:#fff !important;}
footer ul.follow-us{list-style-type:none; padding:0; margin:0}
footer ul.follow-us li{float:left; width:1em; margin-right:.1em; font-size:2.5em;}
footer ul.follow-us li i{color:#fff !important;}
footer ul.follow-us li span{display:none}
footer section.company-contact{text-align:center; color :#f2f2f2}


footer .logos-partenaires .columns{text-align:center}
footer .logos-partenaires .avec_soutien_de{margin:0rem !important;padding:0;}
footer .logos-partenaires img{margin-bottom:20px}
footer .logos-partenaires #logo_eduqua{width:150px; margin-right:20px}
footer .logos-partenaires #logo_proformations{width:100px}
footer .logos-partenaires #logo_entreprise_formatrice{width:100px}
footer .logos-partenaires #logo_geneve{width:100px; margin-right:20px}
footer .logos-partenaires #logo_ffpc{width:130px}


#privacy-disclaimer{
  display: none;
	padding:1em;
	background : #666 none repeat scroll 0 0;
	border-top : 1px solid #dddedf;
	color : #eee;
	height:auto;line-height:24px;
	z-index:999999999;
}
#privacy-disclaimer.fixed.bottom{bottom:0;top:auto;}
#privacy-disclaimer.fixed{left:0; position:fixed;width:100%}

#privacy-disclaimer p{font-size:smaller; margin-bottom:.1em; text-align:center}
#privacy-disclaimer #privacy-disclaimer-link{color:#f2f2f2; text-decoration:underline}

section.logos-partenaires{background-color:#ffffff;}
section.logos-partenaires li{/*margin:30px 60px; */ text-align:center; vertical-align:middle; padding:0}
section.logos-partenaires li img{padding:0; margin:0}


body.print {padding:0 1em;}
body.print p, body.print li{font-size:12px !important}