.LabelBachelor {
   margin-bottom: 20px;
}

/*PAGE FORMULAIRE DE RECHERCHE*/

.LabelBachelor .formulaire {
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
}

.LabelBachelor .formulaire .field { display:table-row; }

.LabelBachelor .formulaire .field .cell {
  display:table-cell;
  vertical-align:middle;
  width: auto;
}

.LabelBachelor .formulaire .caption {
    caption-side: bottom;
    display: table-caption;
}

.LabelBachelor .formulaire .searchBtn.cell {
    display: block;
    margin: 0 auto;
    text-align: center;
}

#main-content .portlet-boundary_XQueryForm_WAR_XQueryFormportlet_ .LabelBachelor .formulaire .field select
{
    width: 100%;
}

/*PAGE RESULTAT DE LA RECHERCHE*/

.LabelBachelor .critereInfoCriteres .field { display:table-row; }

.LabelBachelor .critereInfoCriteres .field .cell {
  display:table-cell;
  vertical-align:top;
  padding-left:0px;
}
.LabelBachelor .critereInfoCriteres .cell.intituleInfo {
	width: 15%;
}
/* .LabelBachelor .critereInfoCriteres .field .cell span { */
/*   display:block; */
/* } */

.LabelBachelor .rechercheInfo .intituleInfo:before {
  content:"• ";
}

.LabelBachelor .nbResultats {
  padding: 10px 20px;
  overflow:auto;
  font-weight:bold;
  color:red;
  font-size:1em;
  background-color: #f0f0f0;
  margin:10px 20px;
}
.LabelBachelor .resultats {
  padding: 0 20px;
}
.LabelBachelor .resultats table {
  border-collapse: collapse;
  border-spacing: 10px;
  width: 100%;
}
.LabelBachelor .resultats tr.formation:hover {
  background-color: #5b5b5b;
  color: white!important;
}
#main-content .portlet-boundary_FilteredList_WAR_FilteredListportlet_ .LabelBachelor .resultats tr.formation:hover td a {
color: white!important;
}

.LabelBachelor .resultats table th {
  background-color:#a6a5a5;
  padding: 1em;
  text-align: center;
}
.LabelBachelor .resultats table td {
  text-align: left;
  padding: 0 8px;
}

.LabelBachelor .resultats table td.searchBtn {
  text-align: center;
}
#main-content .portlet-boundary_FilteredList_WAR_FilteredListportlet_ .LabelBachelor .resultats td.searchBtn input {
    
    border: 1px solid #a9a9a9 !important;
    border-radius: 5px;
    color: #333333 !important;
    padding: 5px;
    margin-top: 15px;
  /*  text-transform: uppercase;
    background: #ffffff none repeat scroll 0 0; */
}

.LabelBachelor .resultats h3 {
  font-size:1em;
  text-transform: uppercase;
}
.LabelBachelor .resultats a {
  text-decoration: none;
}

.LabelBachelor .critereInfo {
    padding: 0 20px 10px;
    overflow:auto;
}
.LabelBachelor .critereInfoHead {font-weight:bold;}


.LabelBachelor .critereInfoCriteres {
  display: table;
  border-collapse: separate;
  border-spacing: 10px;
}
.LabelBachelor tr.formation:nth-child(2n+1) {
	background-color: #f0f0f0;
}

/*PAGE DETAIL D'UNE FORMATION*/

.LabelBachelor .hautArticle{
	float: right;
	padding-bottom: 10px;
}
.LabelBachelor .hautArticle a,
.LabelBachelor .hautArticle a:hover,
.LabelBachelor .hautArticle a:visited {
	color: #E30043 !important;
	text-decoration: none;
	font-weight: bold;
 }
 
.LabelBachelor .ficheFormation{
	background-color: #f0f0f0;
	padding-top: 10px;
}

.LabelBachelor #headerInfo {
    margin-bottom: 10px;
}
.LabelBachelor #headerInfo .rechercheTitre {
    font-family:EuroSti;
    color: #E30043;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 1.625em;
    display: block;
    padding-left:3%;
    margin-bottom:0px;
}

.LabelBachelor #headerInfo .rechercheResultat {
    font-size: 1.4375em;
    color: #009FE3;
    padding-left: 3%;
}

.LabelBachelor #articleFiche {
	color: #1a171b;
	font-size: 0.875em;
/* 	line-height: 1.4em; */
	list-style: none;
	padding-left: 3%;
	padding-bottom:15px;
}

/* .LabelBachelor #articleFiche h2 { */
/* 	margin-bottom: 0px; */
/* } */

.LabelBachelor #articleFiche p {
	display: inline;
}

.LabelBachelor #articleFiche p > span {
	display: block;
}
.LabelBachelor #articleFiche a {
	text-decoration: none;
}

.LabelBachelor #articleFiche .soustitreFiche {
	font-family:trebucbd, sans-serif;
	color: #E30043;
	font-size: 1.1em;
/* 	line-height: 32px; */
	margin-bottom: 0px;
	text-transform: uppercase;
	width: 97%;
}

.LabelBachelor .ficheFormation .blocContacter {
 	width: 30%;
	background-color: #009FE3;
	color: white;
	float: right;
	vertical-align: top;
	display: inline-block;
	margin-bottom: 10px;
	margin: 2%;
}

.LabelBachelor .ficheFormation .blocContacter .contactTitre {
	text-transform: uppercase;
	display: block;
	background-color: #009FE3;
	height: 53px;
	font-size: 1.125em;
	line-height: 53px;
	text-align: center;
	border-bottom: 1px solid #f0f0f0;
	font-weight: bold;
}

.LabelBachelor .ficheFormation .blocContacter .contactAdresse {
	padding: 20px;
	display: block;
	text-align: left;
	line-height: 20px;
}

.LabelBachelor .ficheFormation .blocContacter .contactAdresseTitre {
	font-weight: bold;
	text-transform: uppercase;
	display: inline-block;
}

.LabelBachelor .ficheFormation .blocContacter .contactContact .intituleInfo{
	text-transform: uppercase;
}

.LabelBachelor .ficheFormation .blocContacter .contactAdresseAdresse,
.LabelBachelor .ficheFormation .blocContacter .contactAdresseTel,
.LabelBachelor .ficheFormation .blocContacter .contactAdresseFax{
	display: block;
	margin-bottom:10px;
}
.LabelBachelor .ficheFormation .blocContacter .contactAdresseAdresse > span {
	display: block;
}

.LabelBachelor .ficheFormation .blocContacter .contactAdresseEmail a {
	display: block;
	color: white;
	text-decoration: none;
}

.LabelBachelor .ficheFormation .tablette {display : none;}
.LabelBachelor .ficheFormation .only1200 {display : block;}
	
@media only screen and (min-width:600px) and (max-width:680px) 
{
	/*PAGE DETAIL D'UNE FORMATION*/
	.LabelBachelor .ficheFormation .tablette {display : block;}
	.LabelBachelor .ficheFormation .only1200 {display : none;}

	.LabelBachelor .ficheFormation .blocContacter {
		float: none;
	}
}

@media only screen and (min-width:481px) and (max-width:599px) {
	/*PAGE DETAIL D'UNE FORMATION*/
	.LabelBachelor .ficheFormation .tablette{display : block;}
	.LabelBachelor .ficheFormation .only1200{display : none;}

	.LabelBachelor {
		margin-bottom:0px;
	}
	.LabelBachelor .ficheFormation .blocContacter {
		float: none;
		width: 100%;
		margin:0;
	}
	.LabelBachelor .ficheFormation .blocContacter .contactAdresse {
		text-align:center;
	}
}

@media only screen and (max-width:480px) {
	/*PAGE FORMULAIRE DE RECHERCHE*/
	.LabelBachelor .formulaire .field {
		display: block;
	}
	.LabelBachelor .formulaire .field select.cell {
		margin-left : 10px;
	}
	/*PAGE DE RESULTAT*/
	.LabelBachelor .critereInfoCriteres .field label.cell {
		display: block;
		width:auto;
	}
	.LabelBachelor .resultats table th {
		display: block;
		text-align: left;
		padding-bottom:0;
		padding-top:0;
	}
	.LabelBachelor .resultats .formation td, .searchBtn{
 		display: inline-block;
 		min-width:80%;
	}
	.LabelBachelor .resultats .formation h3 {	
		margin-bottom:0px;
		margin-top:0px;
	}

	.LabelBachelor tr th:nth-child(1),
	.LabelBachelor tr td:nth-child(1)
	{
		padding-top:1em;
	}
	.LabelBachelor tr th:nth-last-child(1),
	.LabelBachelor tr td:nth-last-child(1) {
			padding-bottom:1em;
	}

	/*PAGE DETAIL D'UNE FORMATION*/
	.LabelBachelor .ficheFormation .tablette{display : block;}
	.LabelBachelor .ficheFormation .only1200{display : none;}

	.LabelBachelor {
		margin-bottom:0px;
	}
	.LabelBachelor .ficheFormation{
		background-color: #ffffff;
		padding-top: 10px;
	}
	.LabelBachelor #headerInfo {
		background-color: #f0f0f0;
		padding-top: 10px;
		margin-bottom: 0px;
	}
	.LabelBachelor #remise_zero {
    	max-height: 2px;
	}
	.LabelBachelor #articleFiche {
		padding:0;
		margin:0;
	}
	.LabelBachelor #articleFiche .soustitreFiche {
		background: #f0f0f0 url("../images/arrow-left-transparent.png") no-repeat scroll 90% center;
		padding: 10px 0px 10px 3%;
		margin-top:0;
	}
	.LabelBachelor #articleFiche p {
		padding: 0 3%;
		max-height:0;
		overflow: hidden;
		transition: all .5s;
		border-radius:0;
		box-shadow: none;
		display:block;
		margin:0;
	}
	.LabelBachelor #articleFiche li:hover .articleContenu{
		max-height: 100%;
	}
	.LabelBachelor #articleFiche li:hover .soustitreFiche {
		background: #f0f0f0 url("../images/arrow-left-transparent-back.png") no-repeat scroll 90% center;
	}
	.LabelBachelor .ficheFormation .blocContacter {
		float: none;
		width: 100%;
		margin:0;
	}
	.LabelBachelor .ficheFormation .blocContacter .contactAdresse {
		text-align:center;
	}
}