/*
+-----------------------------------------------+
+	Gabarit formation "Mise en avant"			+
+-----------------------------------------------+ 
*/

/* Colonne de gauche */
.GabFormation.miseEnAvant .leftColTableCell 
{
	width:700px; 
	border-right:1px solid #CDD4D4;
	padding:0px 35px 0px 0px;
	background:#fff url(http://www.grenoble-em.com/css/images_t/fdbleu.jpg)  left top;;
	/*background:	#c5d8c1 url(http://www.grenoble-em.com/css/images_t/fdbleu.jpg) no-repeat left top; */
}
/* Colonne de droite */
.GabFormation.miseEnAvant .rightColTableCell  
{
	width:130px;
	padding:0px 10px;
	margin:0px;	
	background:#fff  url(http://www.grenoble-em.com/css/images_t/coldr.jpg) repeat-y left top; /* -------------------------------- image col de droite */
}

/*
-----------------------------
Onglets  
-----------------------------
*/
/* Conteneur */
.GabFormation.miseEnAvant #tabs 
{
	font-size:13px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
}
h5 {
	font-size:11px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
	color:#2b7a9c;
}

.semtitre {
color:#2b7a9c;
}



.GabFormation.miseEnAvant #tabs ul
{
	margin: 0px;
	padding:0px;
	display: inline;
	width:700px;
}
/* Item */
.GabFormation.miseEnAvant #tabs ul li 
{
	float:left;
	
	position:relative;
	margin:0px 2px 0px 0px; /* -------------------------------- marge entre les cases du menu */
	padding:0px;
	list-style: none;
	background:#005200 url(http://www.grenoble-em.com/css/images_t/fondmenu.jpg); /* -------------------------------- Couleur des onglets contextuels */
}
/* Item courante  */
.GabFormation.miseEnAvant #tabs ul li.here 
{
		background:#005200 url(http://www.grenoble-em.com/css/images_t/fondmenu1.jpg); /* -------------------------------- Couleur onglet cliqué */
}
/* Lien de l'item */
.GabFormation.miseEnAvant #tabs a 
{
	text-decoration:none;
    display:block;
	padding: 9px 20px 9px 20px;
	text-align:center;
	color:#475e5e;
	border:1px solid #cdd4d4;
	border-left: none;
	
}
/* Lien de l'item au survol */
.GabFormation.miseEnAvant #tabs a:hover 
{
	text-decoration:underline;
}
/* Lien de l'item courante */
.GabFormation.miseEnAvant #tabs ul li.here a 
{
	color:#033333;
}
/* Lien de l'item courante au survol */
.GabFormation.miseEnAvant #tabs ul li.here a:hover 
{
	color:#033333;
}

/*
-----------------------------
Généralité sur le contenu des onglets
-----------------------------
*/
/* Sous partie - contenu */
.GabFormation.miseEnAvant .formationSsPartie
{
	padding: 10px 0px;
}	
/* Sous partie - titre */
.GabFormation.miseEnAvant .formationSsTitre
{
	font-size:13px; color:#005c84; font-weight:bold; display:block; /* -------------------------------- Couleur des titres */
}

/*
-----------------------------
Onglet "A retenir"
-----------------------------
*/
.miseEnAvant #divPresentation 
{
}
/* Bloc "Infos pratiques" - conteneur */
.miseEnAvant #divPresentation .infosPratiquesInner 
{
	width:410px;
	min-height:140px;
/*	border:0px solid dotted #000000;*/
	border: 0 none;
	background:	#fcfcfc url(http://www.grenoble-em.com/css/images_t/bgin.png) no-repeat left top; /* -------------------------------- Cadre infos */
	text-align:left;
	padding:12px 0px;
	color:#FFFFFF;
}
/* Bloc "Infos pratiques" - contenu */
.miseEnAvant #divPresentation .infosPratiquesInner .formationSsPartie
{
	padding: 0px 0px 10px;
}
/* Bloc "Infos pratiques" - titre */
.miseEnAvant #divPresentation .infosPratiquesInner .formationSsTitre
{
	 font-size:11px;
	
	 color: #fad24b; /* -------------------------------- Cadre infos = titres */
}
/* Bloc "Infos pratiques" - partie de gauche */
.miseEnAvant #divPresentation .infosPratiquesInner .infosPratiquesLeft 
{	
	display:block;
	height:100%;
	width:175px;
	float:left;
	border-right:1px solid #d6d6d6;
	padding:0px 12px;
	margin: 0px 0 0 5px; /* -------------------------------- Cadre infos = marges */
	min-height:126px; 

	
}
/* Bloc "Infos pratiques" - partie de droite : "Dates importantes" - contenu */
.miseEnAvant #divPresentation .infosPratiquesInner .infosPratiquesRight  
{
	width:181px;
	float:right;
	display:block;
	height:100%;
	padding:0px 12px;
	margin:0px;
}
/* Bloc "Infos pratiques" - partie de droite : "Dates importantes" - titre */
.miseEnAvant #divPresentation .infosPratiquesInner .datesImportantes .formationSsTitre
{
	background:transparent url(images/formation/bgDateTitle.png) no-repeat bottom left;
	padding: 0  0px 5px 40px;	
	margin:0px 0px 10px;
}

/* Bloc actualité - Conteneur */
.miseEnAvant #divPresentation .formationBlocActualite 
{ 
}
/* Bloc actualité - Titre */
.miseEnAvant #divPresentation .formationBlocActualite .formationSsTitre 
{
	color:#033333;
}
/* Bloc actualité -  Gabarit actualité */
.miseEnAvant #divPresentation .formationBlocActualite .GabActuPrv
{
	padding:5px 5px 10px; 
	margin: 5px; 
	width: 95%; 
	border-bottom: #bfbfbf 1px solid;
}
/* Bloc actualité - Date de l'actualité */
.miseEnAvant #divPresentation .formationBlocActualite .GabActuPrv .date
{
	color:#819398;
	font-size:10px;
	font-family: Arial;
	font-weight:normal;
}
/* Bloc actualité - Texte de l'actualité */
.miseEnAvant #divPresentation .formationBlocActualite .GabActuPrv .txt12
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 12px; 
	font-style: normal; 
	font-weight: normal; 
	color: #333333; 
	line-height: 16px; 
	font-variant: normal; 
	text-transform: none;		
}
/* Bloc actualité - Conteneur du bloc des liens "Toutes les actualités" + RSS */
.miseEnAvant #divPresentation .formationBlocActualite .actionNewsEvents
{
	text-align:right; 
	padding:5px 0px 5px 5px; 
	margin: 5px; 
	margin-right:0px;  
}
/* Bloc actualité - Liens "Toutes les actualités" */
.miseEnAvant #divPresentation .formationBlocActualite .actionNewsEvents a
{
	color:#333333; 
	font-size:10px; 
	text-align:right; 
	vertical-align:middle; 
	margin-left:5px;
	font-family:Arial;
}
/* Bloc actualité - Liens "Toutes les actualités" au survol */
.miseEnAvant #divPresentation .formationBlocActualite .actionNewsEvents a:hover
{
	text-decoration:none;
}



/*
-----------------------------
Onglet "Programme"
-----------------------------
*/
.miseEnAvant #divProgramme
{}
/*
-----------------------------
Onglet "Entreprises"
-----------------------------
*/
.miseEnAvant #divEntreprise
{}
/*
-----------------------------
Onglet "Admission & Inscription"
-----------------------------
*/
.miseEnAvant #divInfo
{}


/*
-----------------------------
Colonne de droite
-----------------------------
*/
/* Généralités - Sous titre */
.GabFormation.miseEnAvant .rightColTableCell .formationSsTitre
{
	font-family:Arial,Verdana,Helvetica,sans-serif;
}
/* Généralités - Contenu */
.GabFormation.miseEnAvant .rightColTableCell .formationSsPartie 
{
	font-size:11px;
	padding-left:0px;
	margin-left:0px;
	padding-right:0px;
	margin-right:0px;
	width:130px;
	overflow:hidden;
	display:block;
	position:relative;
	height:100%;
	color:#333333;
	font-family:Arial,Verdana,Helvetica,sans-serif;
}

/* Bloc "Inscription à une réunion d'information" - contenu */
.GabFormation.miseEnAvant .rightColTableCell .inscriptionReunionInformationContainer
{
	margin-top:10px;
	padding-bottom:20px;
	border-bottom:1px solid #CDD4D4;
}
/* Bloc "Inscription à une réunion d'information" - Tableau des dates */
.GabFormation.miseEnAvant .rightColTableCell .reunionInformationListContainer
{
	width:130px;
	margin: 0px auto 10px auto;
	border:1px solid #999999;
	border-bottom:none;
	text-align:center;
}
/* Bloc "Inscription à une réunion d'information" - lien des dates */
.GabFormation.miseEnAvant .rightColTableCell .reunionInformationListContainer a
{
	display:block;
	width:130px;
	border-bottom:1px solid #999999;
	font-size:10px;
	padding:4px 0px;
}