/* Feuille de style CSS par défaut pour un nouveau projet d'application Web */

/* White space reset */
p, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}

ul, ol { list-style-position:outside; margin-left:2.0em;}

select, input.texte, textarea{ }

input.date{ width:70px;}

select.inputListbox.hight { height:140px;}

body, html { height: 100%; }

body, html, fieldset {
	border: 0;
}

/* avoid browser default inconsistent font-sizes */
h1, h2, h3, h4, h5, h6, pre, code {
	/*font-size: 2.3em;*/
	font-size: 1.8em;
}


/* no blue linked image borders */
a img, :link img, :visited img {
	border: none;
}

body {
	color: #4F5A4D;
	font-family: Verdana, Arial,Helvetica,sans-serif;
	font-size: 0.8em;

}

html { }


.bold { font-weight:bold; }
.clear { clear:both; font-size:0px; height:0px; }
.italic {font-style:italic;}
.block { display:block; }
.floatleft { float:left;}
.floatright { float:right;}
.noborder { border:0px;}
.nomargin { margin:0px;}

a, a:link {
	text-decoration: underline;	
	color: #333333;
}

a:hover {
	color: #566258;
	text-decoration: none;
}	

hr
{
	border: 0;
    width: 100%;
    border-bottom: 1px solid #bfbfbf;
    color: none;
    background-color: none;
    height: 0px;
}
#mainContent{ position:relative;}
#mainContent a{ text-decoration:underline; }

.pagineur{ margin-top:1.5em; font-size:0.8em; font-weight:bold; }
a.pagineur_off{  }
a.pagineur_on{ color:#93082b; text-decoration:none; }
a.pagineur_on:hover{ color:#93082b; text-decoration:none; }

.cfElements{}
.cfLastElement{}
table, tr {vertical-align:top;}
/* Gabarit de formation */

.formationSsTitre{font-size:13px; color:#5382d9; font-weight:bold; display:block;}
.formationSsPartie{padding: 10px 0px; }
* html .formationSsPartie{height:1px;}
.formationBorder{border-bottom:1px solid #cdd4d4;}
.formationBorderTop{border-top:1px solid #cdd4d4;}

/* Menu de Niveau 3 */
.menuNiv3 { background: #b7bbbb url(images/bgMenuLevel3Repeat.png) repeat top left; float:left;width:100%;   }
.menuNiv3 ul{ list-style:none none outside; margin:0; }
.menuNiv3 li{ display:block; float:left; white-space:nowrap; height:24px;  margin-bottom:2px; }
.menuNiv3 a{ display:block; padding: 0px 15px 0px 30px; line-height:24px; border-right: 2px solid #ffffff; text-decoration:none; color:#033333; font-weight:bold; font-family:Arial; font-size:10px; background:#b7bbbb url(images/bgMenuNiveau3.png) no-repeat 15px 8px; }
.menuNiv3 a:hover{ text-decoration:underline; }
.menuNiv3 a.selected{ background:#707878 url(images/bgMenuNiveau3_On.png) no-repeat 15px 9px;	color:#fff;}

/* FOOTER */
.footer ul{ list-style:none none outside; margin:0;}
.footer li{ display:inline; padding: 0 5px; border-right:1px solid #707070;}

.menuCentral ul{ padding: 10px 10px 20px 80px;}
.menuCentral {font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 11px; color: #707070; }

/* TABS */
#tabs {	
	font-size:13px;
	font-family: Arial,Verdana,Helvetica,sans-serif;
	font-weight:bold;
}

#tabs ul 
{
	margin: 0px;
	padding:0px;
	display: inline;
	width:700px;
} 

#tabs ul li 
{
	float:left;
	position:relative;
	margin:0px 2px 0px 0px;
	padding:0px;
	list-style: none;
	background-color:#5b7bc4;
}
		
#tabs ul li.here 
{
	background:#e9e9e9;
}

#tabs a 
{
	text-decoration:none;
    display:block;
	padding: 9px 20px 9px;
	text-align:center;
	color:#fff;
}
#tabs a:hover { text-decoration:underline;}
#tabs ul li.here a { color:#033333; }
#tabs ul li.here a:hover { color:#033333; }



.div_acces_direct
{
	position:absolute;
	top:477px;
	left:538px;
}

.line_recherche
{

}


.maintext_ecoles
{
	padding:0px 0px 0px 0px;
}


.titrouge_ecoles 
{
	font-family: Arial, Verdana, Helvetica, sans-serif; 
	font-size: 16px; 
	font-style: normal; 
	font-weight: normal; 
	color: #e43725; 
	line-height: normal; 
	font-variant: normal; 
	text-transform: none;
	padding-left:30px;
	padding-top:30px;
	margin-left:30px;
	margin-bottom:0px;
	background: url(../images/pictos/puce_titre.gif) 0 70% no-repeat;
	line-height: 40px;
	display:block;
}


.div_text_intro
{
	padding:10px 30px 10px 30px;
	margin:0px;
	width:471px;
	text-align:justify;
	color: #333333;
	font-size:11px;
	background-color:#ffffff;
}

.div_read_more
{
	font-size:12px;
	line-height:15px;
	text-align:left;
	padding:7px 30px 0px 30px;
	margin:0px;
	width:471px;

}

.div_read_more a { display:block;  font-size:11px; padding-left:7px; background: url(../images/puce.gif) 0 50% no-repeat; text-decoration:none; }
.div_read_more a:hover{color:#215aa1;text-decoration:underline;}

.label_read_more
{
	padding-left:30px;
	font-size:12px;
	color: #5382D9;
	font-weight:bold;
}

.news_and_events_readmore 
{
	width:334px;
	border-top:1px solid #d6d6d6;
	border-bottom:1px solid #d6d6d6;
	text-align:center;
	margin-left:45px;
	padding:5px 0px;
}

.div_text_intro .news_and_events_readmore
{
	margin-bottom:12px;
	width:461px;
	border:none;
	margin-left:0px;
	text-align:left;
}

.label_titre_formations
{
	display:block;
	color:#5382df;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}

.div_formation
{
	padding: 7px 0px 0px 0px; 
	font-size:11px;
	text-align:left;
}

.div_formation a 
{
	display:block; 
	width:357px; 
	padding-left:7px; 
	background: url(../images/puce.gif) 0 50% no-repeat; 
	text-decoration:none; 
	line-height:20px;
}
.div_formation a:hover{color:#215aa1;text-decoration:underline;}


.div_main_content {
	margin-left:40px;
	margin-top :40px;
	padding:0px;
	width:377px;
}

.titre_programs
{
	color:#5382df;
	font-size:12px;
	font-weight:bold;
	padding: 0px 0px 7px 0px;
	line-height:20px;
}

.titre_news
{
	color:#5382df;
	font-size:12px;
	font-weight:bold;
	display:block;
	left:30px;
}

.titre_news_esc /* Pour faire apparaitre la séparation en le text_intro et les news pour le seul cas de ESC*/
{
	border-top:solid 1px #D6D6D6;
	color:#5382df;font-size:12px;
	font-weight:bold;
	display:block;
	left:30px;
	padding-top:10px;
}

.div_news
{
	border-top:solid 1px #D6D6D6;
	width:340px;
	padding-top:10px;
}

/************************
Formulaire compte et login
**************************/
.champ_compte {
	float:left;
	margin-top:10px;
	padding:0px;
}

.marge_top_sup {
	margin-top:10px;
}

.largeur_70pc {
	width:70%;
}

.largeur_55pc {
	width:55%;
}

.largeur_49pc {
	width:49%;
}

.largeur_90pc {
	width:90%;
}

.label_champ {
	display : block;float:left;
}

.largeur_80pc {
	width:80%;
}

.largeur_45pc {
	width:45%;
}

.largeur_95pc {
	width:95%;
}

.largeur_250px {
	width:250px;
}

.input_champ {
	margin: 2px 0 2px 0px;width: 200px; 
}

#_ctl0_MainContent_compte_fieldtype_adresse td {
	padding-top : 0px;
}
#_ctl0_MainContent_compte_fieldtype_adresse input 
{
	margin-top : 5px;
	margin-right : 5px;
	float : left ;
}
#_ctl0_MainContent_compte_fieldtype_adresse label {
	margin-top : 7px;
	padding-top : 0px;
	display: block ;
}

/**
	Home Actu / Agenda
*/
#mainContent{
	width:407px;
	width:372px;
	margin:32px 20px 0px 15px;
	padding:0px;
	position:relative; 
	z-index:1;
}
#mainContentInner
{
	background-color:#fff;
	border:1px solid #42667c; 
	width:358px;
	padding:6px;
	clear:both;
	position:relative;
	z-index:1;
	top:-1px;
}
#onglets
{
	display:block;
	position:relative;
	z-index:2;
	padding-top:1px;

}
#onglets span
{
	display:block;	
	border:1px solid #42667c; 
	background-color:#fff;
	width:auto;
	float:left;
	text-align:center;
	position:relative;
	height:20px;
	padding:7px 10px 5px 10px;
	width:86px;
}
#onglets span.encours
{
	height:21px;
	border-bottom:none;
}
#onglets a
{
	color:#737db4;
	font-size:15px;
	text-decoration:none;
	font-family:Arial;
	line-height:17px;
	display:block;
}
#onglets span.encours a { font-weight:bold; }
#onglets #ongletEvts { background:#ffffff url(images/bgHomeAgendaOff.png) repeat-y top left; }
#onglets #ongletEvts.encours{background-image:none;  border-left:none;}

#onglets #ongletNews { background:#ffffff url(images/bgHomeActuOff.png) repeat-y top right; }
#onglets #ongletNews.encours{background-image:none; border-right:none;}

#formationBlocNews .actionNewsEvents,
#mainContentInner .actionNewsEvents{ text-align:right; padding:5px 0px 5px 5px; margin: 5px;  }
#formationBlocNews .actionNewsEvents{ margin-right:0px;  }
#formationBlocNews .actionNewsEvents a,
#mainContentInner .actionNewsEvents a {color:#333333; font-size:10px; text-align:right; vertical-align:middle; margin-left:5px;	font-family:Arial; }
#formationBlocNews .actionNewsEvents a:hover,
#mainContentInner .actionNewsEvents a:hover { text-decoration:none; }
#formationBlocNews .actionNewsEvents span,
#mainContentInner .actionNewsEvents span {color:#333333; font-size:11px; text-align:center; margin:5px 0px;  vertical-align:middle;	}
#formationBlocNews .actionNewsEvents span{ margin:5px; }

#formationBlocNews .actionNewsEvents img,
#mainContentInner .actionNewsEvents img { vertical-align:middle;}
#mainContentInner #evtsAction{ display:none; }
#mainContentInner .GabEvtPrv{  display:none;  }

#mainContentInner .GabActuPrv .date, 
#mainContentInner .GabEvtPrv .date { padding-bottom:6px;}



/**
	Formations
*/
#formationsContainer
{
	width:504px;
	border-top:1px solid #d6d6d6;
	padding:16px 0px 10px;
	font-family:Arial;
}
#formationsEtudiants
{
	float:left; 
	width:243px; 
	position:relative; 
	z-index:3;
	margin:0px 17px 0px 0px;
	padding:0px
}
#formationsProfessionnels
{
	float:left; 
	width:243px; 
	position:relative; 
	z-index:2;
	padding:0px;
	margin:0px
}

.formationTextInstitutionnel
{
	color:#333333;
	font-size:14px;
	text-align:left;
	margin:30px auto 24px auto;
	width:504px;
	font-family:Arial;
	font-size:13px;
}

.formationTypeTitle
{
	color:#737db4;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	margin-bottom:0px;
}
.choixFormations{
	color:#333333;
	font-size:11px;
	text-align:left;
	margin:0px 0px 10px;
	padding:13px 0px 0px;
	height:15px;
	clear:both;
}
.toutesLesFormations
{
	text-align:right;
	margin-top:13px;
}
.toutesLesFormations a
{
	color:#333333;
	font-size:10px;
}

.formationContainer
{
	position:relative;
	width:241px; /*243px;*/
	height:24px; /*26px;*/
	border:1px solid #3987ca;
	border-top:none;
	text-align:left;
	cursor:default;
}

.formationContainer.isFirst{ border-top:1px solid #3987ca;}

.formationContainer a 
{
	display:block;
	width:220px; /*243px;*/
	height:20px; /*26px;*/
	padding-left:21px;
	padding-top:4px;
	text-decoration:none;
	color:#333333;
	font-weight:bold;
	font-family:Arial;
	font-size:12px;
	line-height:16px;
	font-size:11px;
}
.formationContainer:hover,
.formationContainer.sfHover, 
.formationContainer a:hover {
	background-color:#e8ebef;
}
.formationContainer.hasChild a{
	background:transparent url(images/bgItemFormation.png) no-repeat 220px 8px;
}

.formationInner {
	width:259px;
	position:absolute;
	left:241px;
	bottom:-1px;
	display:none;
	text-align:left;
	border:1px solid #3987ca;
	border-top:none;
	border-bottom:none;
	background-color:#ffffff;
}
.hasChild .formationInner a, 
.formationInner a
{
	display:block;
	width:auto; 
	height:auto;  
	background:none;
	font-size:11px;
	font-weight:normal;
	padding-left:16px;
	padding-right:16px;
	min-height:20px;
	border:none;
	
}
.formationInner p
{
	border-top:1px solid #3987ca;
}
.formationInner.sfHover
{
	display:block;
	z-index:999;
}
.formationInner p:hover, 
.formationInner a:hover
{
	background-color:#e8ebef;
}
.background
{
	opacity: .4;
	filter: alpha(opacity=40);
}


