/* CSS Document */


@font-face {
 	font-family: "Ubuntu";
 	src: url("../font/Ubuntu-Regular.ttf");
}
@font-face {
	font-family: "Ubuntu";
 	src: url("../font/Ubuntu-Bold.ttf");
	font-weight: bold;
}
@font-face {
	font-family: "Ubuntu";
 	src: url("../font/Ubuntu-BoldItalic.ttf");
	font-weight: bold;
	font-style: italic;
}
@font-face {
	font-family: "Ubuntu";
 	src: url("../font/Ubuntu-Italic.ttf");
	font-style: italic;
}


body {
	/*background-color: #848484;  à supprimer pour l'intégration */
	font-family: Ubuntu;
}


:not(.gm-style) img {
height:unset !important;
}


a.FDliens:link {color: #00A8BF ; text-decoration: none}
a.FDliens:visited {color: #00A8BF}
a.FDliens:hover {color: #00A8BF ; text-decoration: none}
a.FDliens:active {color: #00A8BF}

span.FDspanheader {
	color: #F3911B; /*COULEUR DE LA COMPOSANTE*/
}
span.FDspanbody {
	color: #00A8BF;
}
span.FDspanreferentiel0 {
	color: #00A8BF;
font-weight: bold;

}
span.FDspanreferentiel1 {
font-weight: bold;

}
#FDheaderBGimage {
	position: relative;
	background-repeat: no-repeat;
	overflow: hidden;
	background-image: url("../images/Bg_CIU.jpg"); /*PHOTO DE LA COMPOSANTE*/
}

.FDheader {
	color: white;
	box-shadow: inset 0rem 0rem 3.125rem /*(50px)*/ #3D3D3D;
	background-color: rgba(100, 100, 100, 0.5);
	padding-bottom: 1.875rem; /*30px*/
}

.FDintitulediplome {
	margin: auto;
}

.FDtypediplome {
	font-weight: bold;
font-size: 18px;
}

.FDtitrediplome {
	font-weight: bold;
	text-align: center;
	text-transform : uppercase;
	min-height: 2.688rem; /*43px*/
	margin-bottom: 0.938rem; /*15px*/
	background: transparent linear-gradient(96deg, #F3911B 0%, #ED6E1F 100%) 0% 0% no-repeat padding-box; /*COULEUR DE LA COMPOSANTE*/
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
	overflow: hidden;
}

.fleches_titre {
	display: flex;
	position: absolute;
	right: 0%;
}

.fleches_titre img {
	height: 6.25rem !important; /*100px*/
}

.FDparcours {
	font-weight: bold;
	font-style: italic;

	margin-bottom: 2.5rem; /*40px*/
	text-shadow: black 0rem 0rem 0.938rem /*15px*/;
}
.FDparcours span {
	/*color: #C491E8;*/
}

.FDencadreheader {
	margin: auto;
}

table {
	padding: 0.313rem /*5px*/ 0.625rem /*10px*/ 0.313rem 0.625rem;
	background-color: rgba(0,0,0,0.60);
	height: 9.375rem; /*150px*/
	color: white;
}

td.FDiconheader {
	text-align: center;
	padding-right: 0.313rem; /*5px*/
	height: 1.563rem; /*25px*/
	vertical-align: middle;
}

td {
	vertical-align: middle;
	padding-top: 0.313rem; /*5px*/
	padding-bottom: 0.313rem; /*5px*/
	font-size: 13px; /*15px*/
	color: white;
}

.FDiconheader_nivetudes {
	background-image: url("../icons/CIU/nivetudes.svg"); /*ICÔNE DE LA COMPOSANTE*/
	background-repeat: no-repeat;
	width: 1.563rem; /*25px*/
	min-height: 0.938rem; /*15px*/
	margin: auto;
}
.FDiconheader_ECTS {
	background-image: url("../icons/CIU/ECTS.svg"); /*ICÔNE DE LA COMPOSANTE*/
	background-repeat: no-repeat;
	width: 1.438rem; /*23px*/
	min-height: 1.438rem; /*23px*/
	margin: auto;
}
.FDiconheader_duree {
	background-image: url("../icons/CIU/duree.svg"); /*ICÔNE DE LA COMPOSANTE*/
	background-repeat: no-repeat;
	width: 0.938rem; /*15px*/
	min-height: 1.25rem; /*20px*/
	margin: auto;
}
.FDiconheader_fonctionnement {
	background-image: url("../icons/CIU/check_valide.svg"); /*ICÔNE DE LA COMPOSANTE*/
	background-repeat: no-repeat;
	width: 1.25rem; /*20px*/
	min-height: 1.25rem; /*20px*/
	margin: auto;
}


.FDtabs {
	position: absolute;
	clear: both;
	margin: 0rem 0rem;
}
.FDtab {
	float: left;
}
.FDtab label {
	background-color: #F3911B; /*COULEUR DE LA COMPOSANTE*/
	height: 2.5rem; /*40px*/
	text-align: center;
	justify-content: center;
	align-items: center;
	position: relative;
	color: white;
	display: flex;
	margin: 0rem 0.625rem /*10px*/ 0rem 0rem;
	font-size: 0.75rem; /*12px*/
	transition: background 0.3s, width 0.3s, height 0.3s;
}
.FDtab [type=radio] {
	display: none;
}

.FDtab label:hover {
	cursor: pointer;
	background: #00A8BF;
}



/*--------------Contenu article onglet--------------*/
.FDcontent {
	position: absolute;
	left: 0;
	background: white;
	right: 0;
	bottom: 0;
	padding: 1.25rem /*20px*/ 1.563rem /*25px*/ 1.25rem 0.938rem/*15px*/;
	overflow: hidden;
	overflow-y: auto;
	margin-bottom: -55rem; /*-880px*/
}

/*-------------Onglets actifs--------------*/

[type=radio]:checked ~ label {
	background: linear-gradient(109deg, #00A8BF 0%, #1987C9 100%);
	z-index: 2;
	font-weight: bold;
	height: 3.125rem; /*50px*/
	margin-top: -0.375rem; /*-6px*/
	text-align: center;
	justify-content: center;
	align-items: center;
	position: relative;
}
[type=radio]:checked ~ label ~ .FDcontent {
	z-index: 1;
}

[type=radio]:checked ~ label .flecheRubriqueG {
	opacity: 100%;
}
[type=radio]:checked ~ label .flecheRubriqueD {
	opacity: 100%;
}


.FDbloc_titre {
	background: transparent linear-gradient(102deg, #00A8BF 0%, #1987C9 100%) 0% 0% no-repeat padding-box;
	color: white;
	font-weight: bold;
	display: flex;
	align-items: center;
	margin-left: 0.625rem; /*10px*/
	position: relative;
}

.FDcercle {
	background-color: white;
	border-radius: 50%;
	border-style: solid;
	border-width: 0.25rem; /*4px*/
	border-color: #00A8BF;
	display: flex;
	align-items: center;
	justify-content: center;
	margin-left: -0.938rem; /*-15px*/
	margin-right: 0.625rem; /*10px*/
}

.fleches_blocs {
	display: flex;
	position: absolute;
	right: 0%
}

.fleches_blocs img {
	height: 5.4rem !important; /*55px*/
}

.FDbloc_contenu {
	margin-top: 1rem; /*16px*/
	margin-left: 0.625rem; /*10px*/
	text-align: justify;
	text-justify: auto;
	
	-webkit-hyphens: auto;
	-webkit-hyphenate-limit-before: 3;
	-webkit-hyphenate-limit-after: 3;
	-webkit-hyphenate-limit-chars: 6 3 3;
	-webkit-hyphenate-limit-lines: 2;
	-webkit-hyphenate-limit-last: always;   
	-webkit-hyphenate-limit-zone: 8%;

	-moz-hyphens: auto;
	-moz-hyphenate-limit-chars: 6 3 3;
	-moz-hyphenate-limit-lines: 2;  
	-moz-hyphenate-limit-last: always;
	-moz-hyphenate-limit-zone: 8%;

	-ms-hyphens: auto;
	-ms-hyphenate-limit-chars: 6 3 3;
	-ms-hyphenate-limit-lines: 2;
	-ms-hyphenate-limit-last: always;   
	-ms-hyphenate-limit-zone: 8%;

	hyphens: auto;
	hyphenate-limit-chars: 6 3 3;
	hyphenate-limit-lines: 2;
	hyphenate-limit-last: always;   
	hyphenate-limit-zone: 8%;
}

.justificationo {
	text-align: left;
}


/*--------------RESPONSIVE PC--------------*/
/*@media screen and (min-width: 768px){*/
	
	.FDconteneur {
		font-size: 0.875rem; /*14px*/
		/*width: 40.063rem; /*641px*/
	}

	#FDheaderBGimage {
		background-position: -1.563rem -1.875rem; /*-25px -30px*/
		background-size: 120%;
	}

	.FDheader {
		min-height: 23.625rem; /*378px*/
	}

	.FDintitulediplome {
		padding-top: 2.188rem; /*35px*/
		width: 80%; /*527px*/
	}

	.FDtypediplome {
	
		margin-bottom: 0.75rem; /*12px*/
	}

	.FDtitrediplome {
		font-size: 16px; /*25px*/
	}

	.FDparcours {
		font-size: 18px; /*20px*/
	}

	.FDencadreheader {
		max-width: 22.188rem; /*355px*/
	}

	.FDtabs {
		min-height: 31.25rem; /*500px*/
	}
	.FDtab label {
		width: 5.625rem; /*90px*/
		left: 1.25rem; /*20px*/
	}

	.FDcontent {
		top: 4.375rem; /*70px*/
	}

	[type=radio]:checked ~ label {
		font-size: 1rem; /*16px*/
		width: 12.5rem; /*200px*/
	}

	.FDblocs {
		display: flex;
		justify-content: space-between;
	}

	.FDblocs p {
	}

	.FDbloc_contenu {
		margin-bottom: 2.813rem; /*45px*/
	}

	.FDbloc_titre {
		font-weight: bold;
		width: 27.375rem; /*278px*/
		height: 45px; /*45px*/
	}
	
	.FDcercle {
		min-height: 58px; /*58px*/
		min-width: 58px; /*58px*/
	}
	
	.FDicons {
		max-width: 35px; /*35px*/
		max-height: 35px; /*35px*/
	}
/*}*/















.tabs {
	margin-top: -10px;
	padding-left: 10px;
	border: 0px;
    line-height: 50px;
top:0;
background:#ffffff;
}

.warpper{
  display:flex;
  flex-direction: column;
  align-items: center;
}
.tab{
  cursor: pointer;
  padding:15px 20px;
  margin:0px 5px;
background-color: #F3911B;
white-space: nowrap;
  color:#fff;
width: 180px;

}

.panels{
  background:#ffffff;
  overflow:hidden;
   
width:100%;

}
.panel{
  display:none;
  animation: fadein .8s;
padding:20px;
}
@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}
.panel-title{
  font-size:1.5em;
  font-weight:bold
}
.radio{
  display:none;
}
#presentation:checked ~ .panels #presentation-panel,
#enseignements:checked ~ .panels #enseignements-panel,
#stage_international:checked ~ .panels #stage_international-panel,
#referentiel_competences:checked ~ .panels #referentiel_competences-panel,
#et_apres:checked ~ .panels #et_apres-panel,
#contacts:checked ~ .panels #contacts-panel{
  display:block
}
#presentation:checked ~ .tabs #presentation-tab,
#enseignements:checked ~ .tabs #enseignements-tab,
#stage_international:checked ~ .tabs #stage_international-tab,
#referentiel_competences:checked ~ .tabs #referentiel_competences-tab,
#et_apres:checked ~ .tabs #et_apres-tab,
#contacts:checked ~ .tabs #contacts-tab{
background: linear-gradient(109deg, #00A8BF 0%, #1987C9 100%);
font-weight: bold;
position:relative;
  color: white;
}
#presentation:checked ~ .tabs #presentation-tab:before,
#enseignements:checked ~ .tabs #enseignements-tab:before,
#stage_international:checked ~ .tabs #stage_international-tab:before,
#referentiel_competences:checked ~ .tabs #referentiel_competences-tab:before,
#et_apres:checked ~ .tabs #et_apres-tab:before,
#contacts:checked ~ .tabs #contacts-tab:before{ 
content: url("../icons/fleche_rubriqueG.png");
position:absolute;
padding-top:10px;
left:0;
vertical-align:middle;

 }
#presentation:checked ~ .tabs #presentation-tab:after,
#enseignements:checked ~ .tabs #enseignements-tab:after,
#stage_international:checked ~ .tabs #stage_international-tab:after,
#referentiel_competences:checked ~ .tabs #referentiel_competences-tab:after,
#et_apres:checked ~ .tabs #et_apres-tab:after,
#contacts:checked ~ .tabs #contacts-tab:after{ 
content: url("../icons/fleche_rubriqueD.png");
position:absolute;
vertical-align:middle;
padding-top:10px;
right:0;
 }
.bouton_appli {
  background-color:#F4F4F4;
text-decoration: none;
  color:rgb(0, 168, 191);;
            border:2px solid rgb(0, 168, 191);;
            text-transform:uppercase;
            padding:5px 10px 5px 10px;
            cursor: pointer;
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  overflow: hidden;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: color, background-color;
  transition-property: color, background-color;
}
 
.bouton_appli:hover, .bouton_appli:focus, .bouton_appli:active {background-color:rgb(0, 168, 191);; color:#ffffff;text-decoration: none;}
 



}
/****************************
APPLI FICHES DIPLOMES FRONT
*****************************/

/*** Moteur de recherche ***/

.fichesdiplomesp_recherche {background-color:#ffffff; text-align:left;  padding:10px; border-bottom:10px solid #f4f4f4;width:100%}
.fichesdiplomesp_recherche_bloc1 {float:left;width:30%; margin:5px 0px 5px 0px; padding:8px}
.fichesdiplomesp_recherche_bloc2 {float:left;width:70%;}
.fichesdiplomesp_recherche_bloc2 select {background-color:#f4f4f4; border: 0; padding: 10px; display: block; appearance: auto;  border-radius: 0; width: 100%; margin: 5px 0 5px 0; color: #444444; font-weight: 300; font-size: .9em;}
.fichesdiplomesp_recherche_bloc2 input {background-color:#f4f4f4; padding: 10px;margin:5px 0px 5px 0px;}

.fichesdiplomesp_resultats {background-color:#ffffff; text-align:left;  padding:10px; border-bottom:10px solid #f4f4f4;}
.fichesdiplomesp_resultats_bloc1 {float:left;width:70%;padding-right: 10px}
.fichesdiplomesp_resultats_bloc2 {float:left;width:20%;text-align:center}
.fichesdiplomesp_resultats_bloc3 {float:left;width:10%;text-align:center}
.fichesdiplomesp_resultats_titre {font-size:12pt;}
.fichesdiplomesp_resultats_composante {font-size:10pt;}

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

.fichesdiplomesp_recherche {background-color:#ffffff; text-align:justify;  padding:10px; border-bottom:10px solid #f4f4f4;width:100%}
.fichesdiplomesp_recherche_bloc1 {float:left;width:100%;margin:10px 0px 0px 0px; padding:0px}
.fichesdiplomesp_recherche_bloc2 {float:left;width:100%;}
.fichesdiplomesp_recherche_bloc2 select {background-color:#f4f4f4; border: 0; padding: 10px; display: block; appearance: none;  border-radius: 0; width: 100%; margin: 5px 0px 5px 0px; color: #444444; font-weight: 300; font-size: .9em;}
.fichesdiplomesp_recherche_bloc2 input {background-color:#f4f4f4; padding: 10px;margin:5px 0px 5px 0px;}


.fichesdiplomesp_resultats_bloc1 {width:100%; margin-bottom:10px}
.fichesdiplomesp_resultats_bloc2 {width:50%; margin-bottom:10px}
.fichesdiplomesp_resultats_bloc3 {width:50%; margin-bottom:10px}
}