/* liste_mention CSS : CSS spécifique aux pages des listes de mentions */
.mini_space{
	position:relative;
	clear:both;
	height:1px;
}

.clearfix{clear:both;}

.img_inscr_empty{
	display:inline;
	height:1px;
	width:1px;
	margin-left:14px;
}

.odf-icon{
	display:inline-block;
	color:#fff !important;
	background-color:#e3541a;
	font-family:'Roboto', serif;
	width:18px;
	height:16px;
	font-size:9px;
	text-align:center;
	font-weight:400;
	font-style:normal;
	line-height:16px;
}

.odf-icon-mr:before{
	content:"MR";
}
.odf-icon-mp:before{
	content:"MP";
}
.odf-icon-mm:before{
	content:"MM";
}

div.contenu div.titre_page{
	/*width:800px;
    border: 1px solid #CCCCCC;
    color: #000000;
    font-family: Verdana,Helvetica,sans-serif;
    font-size: 80%;
    margin:auto;*/
    font-weight: bold;
	padding-top:15px;
	
}
div.contenu div.titre_page.small-title ul li {font-size: 1.3rem;}
.encadrer_libelle, .encadrer_titre { font-size: 1.3rem; }

div.contenu div.titre_page ul { margin: 0; padding: 0; display:table;}
div.contenu div.titre_page li {
   /* background-image: url("../images/puce_petit.gif");
    background-position: left center;
    background-repeat: no-repeat;
    list-style-position: outside;
    list-style-type: none;
    margin-bottom: 5px;
    padding-left: 25px;*/
	list-style-type: none;
	margin-left: 0px;
	font-size: 2rem;
	font-family: "Ropa Sans",sans-serif;
	color: #e94f11;
	margin: 0;
	padding: 0.1rem 0;
	font-weight: 500;	
	display: table-row;
}

div.contenu div.titre_domaine{
	/*width:700px;
	float:left;*/
	height:auto;
	/*margin-left:75px;*/
	/*color:#FE9900;
	font-family:Arial;*/
	font-weight:bold;
	/*font-size:14px;
	text-transform:uppercase;*/
}

div.contenu div.titre_domaine {
	font-size: 1.2em;
	margin: 1rem 0 ;
	border-left: #fdaf17 1px solid; 	
}
div.contenu div.titre_domaine .clickable, div.contenu div.titre_domaine .spanTitre {
	background-color: #fdaf17;
	padding:4px 10px;
    display: inline-block;
    color: #57585a;
	cursor:pointer;
}

div.contenu div.titre_domaine .clickable:hover, div.contenu div.titre_domaine .spanTitre:hover {
	background-color: #de9606;
}
	
div.contenu .clickable:hover {
	cursor: pointer;
}

div.contenu .clickable>i {
	font-weight:300;
	font-size:0.9em;
}

div.contenu div.titre_diplome {
	display:inline-block;
	padding:0px 8px;
	color:#fff; 
	background-color:#e3541a; 
	font-size:14px; 
	text-transform:uppercase; 
	font-weight:400;
	cursor:pointer;
}
div.contenu div.titre_diplome:hover {
	background-color: #a9381a;
}

div.contenu div.titre_candidature{
	width:92px;
	/*text-align:right;*/
	float:right;
	/*font-family:Arial;*/
	font-size:13px;
	font-weight:bold;
}
div.contenu div.legende{
	width:100%;
	margin:auto;
	font-size:16px;
	/*font-family: 'Droid Serif', serif;*/
	font-family: 'Roboto', sans-serif;
	font-weight: 300;	
	text-align:right;
	color:#888888;
}
div.contenu div.legende i{
	color: #e3541a;
}

div.contenu div.legende img{
	vertical-align: middle;
}
div.inscr_parcours a{
	vertical-align: middle;
}

div.inscr_parcours a:last-child{
	margin-left: 10px;
}
div.inscr_parcours a:first-child{
	margin-left: 2px;
}

div.contenu div.tableau_mention{
	clear:both;
	/*width:800px;*/
	height:auto;
	margin: 16px 12px;
	/*border:1px solid #CCCCCC;*/
	font-family: 'Roboto', sans-serif;
	font-size:13px;
}

div.contenu div.tableau_mention a{
	color:#403e3f; 
	text-decoration:none;
	font-weight:normal;
}
div.contenu div.tableau_mention a:hover{
	/*color:#7A977A; */
	text-decoration:underline; 
}

div.contenu div.tableau_mention div.titre_colonne{
	/*width:790px;
	margin-left:5px;
	border-bottom:1px solid #CCCCCC;*/
	background-color: #496e77;
	color: #fff;
}

div.contenu div.tableau_mention div.texte{
	width:100%;
	text-align:right;
	padding-top:5px;
	padding-bottom:5px;
	margin-left:5px;
	
}

div.contenu div.tableau_mention div.titre_colonne div.titre_mention,
div.contenu div.tableau_mention div.titre_colonne div.titre_parcours,
div.contenu div.tableau_mention div.titre_colonne div.titre_inscr{
	/*float:left;
	font-family:Arial;
	font-size:12px;*/
	font-weight:bold;
}

div.contenu div.tableau_mention  div.titre_colonne div.titre_mention,
div.contenu div.tableau_mention  div.titre_mention {
	width:50%;
}
div.contenu div.tableau_mention  div.titre_colonne div.titre_parcours,
div.contenu div.tableau_mention  div.liste_parcours {
	width:50%;
}
div.prefixe_diplome{
	display:inline-block;width:30px;color:#bbb; text-align:center;font-size:11px;
}

div.contenu div.tableau_mention div.titre_inscr{
	/*width:70px;*/
	min-width:75px;
	text-align:right;
}

div.contenu div.tableau_mention div.mention_a,
div.contenu div.tableau_mention div.mention_b{
	/*width:790px;
	margin-left:5px;
	height:auto;
	/*border-bottom:1px solid red;
	clear:both;
	color:#888888;*/
	padding: 5px 0;
}

div.contenu div.tableau_mention div.mention_b{
	background-color:#f7f7f7;
}

/*div.contenu div.tableau_mention div.mention_a div.titre_mention,
div.contenu div.tableau_mention div.mention_b div.titre_mention{
	float:left;
	width:418px;
}*/
	div.contenu div.tableau_mention div.mention_a div.titre_mention a,
	div.contenu div.tableau_mention div.mention_b div.titre_mention a{ font-weight: bold; color: #e3541a;}
	div.contenu div.tableau_mention div.mention_a div.titre_mention ,
	div.contenu div.tableau_mention div.mention_b div.titre_mention { font-size:14px; color:#83513c;}
	
div.contenu div.tableau_mention div.mention_a div.liste_parcours,
div.contenu div.tableau_mention div.mention_b div.liste_parcours{
	/*float:left;
	width:400px;*/
}

div.contenu div.tableau_mention div.mention_a div.liste_parcours div.ligne_parcours,
div.contenu div.tableau_mention div.mention_b div.liste_parcours div.ligne_parcours{
	clear:both;
	/*width:600px;*/
	height: auto;
}


.hover:hover { background-color: #57585a;}

div.contenu div.tableau_mention div.mention_a div.liste_parcours div.ligne_parcours div.titre_parcours,
div.contenu div.tableau_mention div.mention_b div.liste_parcours div.ligne_parcours div.titre_parcours{
	/*float:left;*/
	padding:1px;
}

div.contenu div.tableau_mention div.mention_a div.liste_parcours div.ligne_parcours div.inscr_parcours,
div.contenu div.tableau_mention div.mention_b div.liste_parcours div.ligne_parcours div.inscr_parcours{
	/*float:left;*/
	padding-left:10px;
}

/*div.contenu div.tableau_mention div.mention_a div.liste_parcours div.ligne_parcours div.titre_parcours,
div.contenu div.tableau_mention div.mention_b div.liste_parcours div.ligne_parcours div.titre_parcours{
	width:500px;
}*/

div.contenu div.tableau_mention div.mention_a div.liste_parcours div.ligne_parcours div.inscr_parcours,
div.contenu div.tableau_mention div.mention_b div.liste_parcours div.ligne_parcours div.inscr_parcours{
	/*width:48px;*/
}

div.contenu div.tableau_mention div[class*="mention_"] div.liste_parcours div.ligne_parcours:hover > div{
	background-color:#efefef !important;
}
div.contenu div.tableau_mention div[class*="mention_"] div.liste_parcours div.ligne_parcours div.icons_parcours{
	position: absolute;right:15px;margin-top:-25px;
}
	div.contenu div.tableau_mention div[class*="mention_"] div.liste_parcours div.ligne_parcours div.icons_parcours .iconBubble {
		display:inline-flex;width:20px;height:20px;background-color:#d9e8ef;border-radius:50%;padding:4px 0 0 4px;cursor:help;
	}
	div.contenu div.tableau_mention div[class*="mention_"] div.liste_parcours div.ligne_parcours div.icons_parcours .iconBubble i {
		font-size:11px;
		color: #648a93;
	}

.titre_colonne, .mention_a, .mention_b
{
	display: flex;
}

.list_par_disci_sect
{
	width: 50%;
}
.list_ment_parc
{
	width: 50%;
}
.titre_inscr
{
	width: 15%;
	text-align: right;
}
.indent_arrow
{
	display: none;
}
.inscr_parcours>div>a
{
	margin: 0 0.2rem ;
}
.flex_ligne_parcours
{
	display: flex;
	justify-content: space-between;
}
.flex_liste_parcours
{
	width: 57.5%;
}
.flex_ligne_parcours>div:nth-child(1)
{
	width: 73.91%;
}
.flex_ligne_parcours>div:nth-child(2)
{
	width: 26.09%;
	text-align: right;
}
.candidature_span
{
	display: none;
}


.tableauListePortails tr .firstcolumn { width: 340px; }
.tableauListePortails tr .secondcolumn { width: 300px; }
.tableauListePortails tr .thirdcolumn {}


.inline { display: inline-block;}

.tableauListePortails {
	margin-left:15px;
	width:98.5%;
	border-collapse:collapse;
	font-size:14px;
	font-family: 'Roboto', sans-serif;
}

.tableauListePortails td {
	/*border: 1px solid #f2a788;*/
	border: 1px solid #ccc;
	padding:2px;
}

.tableauListePortails th {
	font-weight: 300;
}

/*
.tableauListePortails td:hover {
	background-color: #efefef;
}
*/
.tableauListePortails a {
	text-decoration :none;
	font-size:14px;
	color: #403e3f; 
}

.tableauListePortails a:hover {
	text-decoration :underline;
}

.tableauListePortails .smallParaph p {
	margin: 0px;
}

.tableauListePortails .greyBackG {
	background-color: #f7f7f7;
}

.file_ariane {
	background-color: rgb(241 237 237 / 80%) !important;
}

.orangeText{
	color: #e3541a !important; 
}
.marron {
	color: #c54e1e !important; 
}


/*-------------------------------------------------------------*/
/* GRADNS SECTEUR  listing secteur d'activités */
.grandSecteur  {
	border: #4a6d76 1px solid; 
	border-radius: 8px;
	width: 200px;
	height:130px;
	text-align: center;
	float:left;
	margin: 15px;
	padding-top : 20px;
		-moz-transition: all .3s ease-in-out;
		-o-transition: all .3s ease-in-out;
		transition: all .3s ease-in-out;	
}


.grandSecteurOver:hover {
		cursor: pointer;
			transform: scale(1.05);	  
		border-bottom : 5px solid #fdaf17;
		    background-color: #f7f7f7;
}

.grandSecteurExpanded {
	text-align: left !important;	
	width: 99% !important;	
	height:auto !important;	
	padding:20px;
	padding-right:0px;
}

.grandSecteur > i {
	color: #4a6d76; 
	font-size:2.2em;
}
.grandSecteur > .titreSecteur {
	font-weight:bold;
	font-size:0.95em;
	line-height:1.1em;
	margin-top:10px;
}
.enteteGrandSecteur > .titreSecteur {
	font-weight:bold;
	font-size:1.5em;
	color: #4a6d76;
}

.grandSecteur > .titreSecteurExpanded {
	display: inline-block;
	text-indent:15px; 
	font-size: 1.5em;
}
.conteneurGrandSecteurs {
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
}
.enteteGrandSecteur { 
  height:0px;
		-moz-transition: all 1s;
		-o-transition: all 1s;
		transition: all 1s;
}

.buttonBackSecteur {
	border: none;
	height: 40px; width: 40px;
	border-radius: 50%;
	cursor: pointer;
	margin-bottom:20px;
	background-color:#f0f0f0;
}
.buttonBackSecteur:hover {
	
	background-color:#ccc;
}

.hidden {
  opacity: 0;
  overflow: hidden;
  visibility: hidden;
}

.shown {
  opacity: 1;
  visibility: visible;
  height:auto;
}


/* ------------------------------------------------------------------------ */
/* MEDIA SCREEN */
/* ------------------------------------------------------------------------ */
@media screen and (max-width: 768px)
{
	.mention_a, .mention_b
	{
		flex-direction: column;
	}
	.mention_a>div, .mention_b>div
	{
		width: 100%;
	}
	.mention_a>div, .mention_b>div
	{
		padding-left: 1rem;
	}
	.titre_parcours
	{ /*
		color: #e3541a;
		font-weight: normal;
		*/
	}
	.indent_arrow
	{
		display: inline;
	}
	.titre_domaine
	{
		margin: 0rem;
	}
	.titre_inscr, .inscr_parcours
	{
		display: none;
	}
	.inscr_parcours>a>span
	{
		color: #57585A;
	}
	.candidature_span
	{
		display: inline;
	}
	.flex_ligne_parcours
	{
		display: block;
	}
	.flex_ligne_parcours>div
	{
		width: 100% !important;
	}
	div.contenu div.tableau_mention  div.titre_mention,
	div.contenu div.tableau_mention  div.liste_parcours {
		width:100%;
	}
	div.contenu div.tableau_mention  div.titre_colonne div.titre_mention,
	div.contenu div.tableau_mention  div.titre_colonne div.titre_parcours {
		width:50%;
	}
	.tableauListePortails { margin-left : 5px;}
	.tableauListePortails tr .firstcolumn { width: 40px; }
	.tableauListePortails tr .secondcolumn { width: 160px; }
	
	.mobile_vertical { width: 40px;   writing-mode: vertical-lr; }
	.inline { display: none;}

}
/* ------------------------------------------------------------------------ */
/* ------------------------------------------------------------------------ */

@media screen and (max-width: 420px)
{
	.grandSecteur  {
		margin:8px;
			width: 170px;
	height:120px;
	}
}