/* 
	DEFAULT STYLESHEET
	All pages inherrit from this stylesheet, so anything reusable, 
	site-wide or generic goes here.
*/

/* ------------------------------------------------------------------------
	HTML BODY tag and Page div
------------------------------------------------------------------------ */

body
{
	margin:0;
  	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	background:#000;
}

#container
{
	width:1024px;
	margin:0 auto;
	text-align:left;
}

/* ----------------------------
   Globals
---------------------------- */

h1
{
	width:539px;
	font-size:1.3em;
	margin:0 0 19px 0;
	padding:3px 0 3px 40px;
	color:#1455b4;
	background:url(images/h1_bg.gif) repeat-y top left;
}

h2
{
	font-size:1.3em;
	margin:0;
	padding:0 0 17px 0;
	color:#5f6062;
}

h3
{
	font-size:2em;
	margin:0;
	color:#5f6062;
	padding:0 0 7px 0;
}

p
{
	font-size:1.15em;
	color:#5f6062;
	margin:0;
	padding:0 0 20px 0;
	text-align:justify;
}

input, select
{font-family: Arial, Helvetica, sans-serif;}

.gras
{font-weight:bold;}

.italic
{font-style:italic;}

.souligner
{text-decoration:underline;}

p.txt-petit
{
	font-size:0.9em;
}

/* --------------------------------------------------------------- */
/* ---- Corps ---------------------------------------------------- */

/* ------------------------------------------------------------ */
/* --- Menu entête -------------------------------------------- */

#menuPrincipal
{
	width:1024px;
	position:relative;
}

#menuPrincipal img{display:block;}


#menuPrincipal ul
{
	list-style:none;
	margin:0;
	padding:0;	
}

#menuPrincipal ul li
{
	float:left;	
	margin:0;
	padding:0;	
}

#menuPrincipal p
{
	position:absolute;
	top:11px;
	left:960px;
	font-size:1.1em;
}

#menuPrincipal a:link, #menuPrincipal a:visited, #menuPrincipal a:active
{
	color:#fff;
	text-decoration:none;
}

#menuPrincipal a:hover
{text-decoration:underline;}

/* -- Entêtes ------------------------------------------- */

/* -- Accueil ----------------- */
#entete_accueil
{
	width:1024px;
	background:url(images/entete_bg_accueil.jpg) no-repeat top left;
}

div#entete_accueil{height:263px;}

html>body div#entete_accueil
{
	height:auto;
	min-height:263px;
}

/* -- Centre National des Mines ----------------- */
#entete_CNM
{
	width:1024px;
	background:url(images/entete_bg_CNM.jpg) no-repeat top left;
}

div#entete_CNM{height:263px;}

html>body div#entete_CNM
{
	height:auto;
	min-height:263px;
}

/* -- Formation Professionnelle ----------------- */
#entete_FP
{
	width:1024px;
	background:url(images/entete_bg_FP.jpg) no-repeat top left;
}

div#entete_FP{height:263px;}

html>body div#entete_FP
{
	height:auto;
	min-height:263px;
}

/* -- Service aux entreprises ----------------- */
#entete_service
{
	width:1024px;
	background:url(images/entete_bg_service.jpg) no-repeat top left;
}

div#entete_service{height:263px;}

html>body div#entete_service
{
	height:auto;
	min-height:263px;
}

/* ------------------------------- */
/* --- logo ---------------------- */

div#logoCompagnie
{
	width:203px;
	margin:0 0 0 16px;
	padding:19px 0 0 0;
}

div#logoCompagnie img.logo
{display:block;}

#logoPrint
{display: none;}


/* ---------------------------------------------------------------------- */
/* --- Zone contenu ----------------------------------------------------- */

#zoneContenu
{
	width:1024px;
	background:url(images/zcontenu_bg.gif) repeat-y top left;
}

div#zoneContenu{height:605px;}

html>body div#zoneContenu
{
	height:auto;
	min-height:605px;
}

/* -- colonne gauche ----------- */

#colGau
{
	float:left;
	width:230px;	
}

#colGau_bgOn
{
	width:230px;
	background:url(images/colGau_bgOn.jpg) no-repeat top left;
}

div#colGau_bgOn{height:605px;}

html>body div#colGau_bgOn
{
	height:auto;
	min-height:605px;
}

#colGau_bgService
{
	width:230px;
	background:url(images/colGau_bgService.jpg) no-repeat top left;
}

div#colGau_bgService{height:605px;}

html>body div#colGau_bgService
{
	height:auto;
	min-height:605px;
}

/* -- colonne milieu ----------- */

#colMid
{
	float:left;
	width:589px;	
}

#colMid_bgOn
{
	width:589px;
	background:url(images/contenu_bgOn.jpg) no-repeat top left;
	padding:90px 0 0  0;
	overflow: visible;
}

#colMid_Intranet
{
	float:left;
	width:793px;	
}

#colMid_bgOn_Intranet
{
	width:793px;
	background:url(images/contenu_bgOn.jpg) no-repeat top left;
	padding:90px 0 0  0;
	overflow: visible;
}

#colMid_bgCNM
{
	width:589px;
	background:url(images/contenu_bgCNM.jpg) no-repeat top left;
	padding:90px 0 0  0;
	overflow: visible;
}

#colMid_bgFP
{
	width:589px;
	background:url(images/contenu_bgFP.jpg) no-repeat top left;
	padding:90px 0 0  0;
	overflow: visible;
}

#colMid_bgService
{
	width:589px;
	background:url(images/contenu_bgService.jpg) no-repeat top left;
	padding:90px 0 0  0;
	overflow: visible;
}

/* -- colonne droite ----------- */

#colDr
{
	float:left;
	width:205px;
	background:url(images/colDr_bg.gif) repeat-x top left;
	min-height:350px;
}

/* -------------------------------------------------------------- */
/* -- Colonne Gauche -------------------------------------------- */

#colGau ul
{
	list-style:none;
	margin:0;
	padding:68px 0 0 22px;	
}

#colGau ul li
{	
	font-size:1.15em;
	font-weight:bold;
	margin:0;
	color:#fff;
	padding:0 0 27px 13px;
	background:url(images/i_liste.gif) no-repeat 0 3px;	
}

#colGau ul li span
{	
	font-size:1.0em;
	font-weight:normal;
}

#colGau ul li a:link, #colGau ul li a:visited, #colGau ul li a:active
{
	color:#fff;
	text-decoration:none;
}

#colGau ul li a:hover
{text-decoration:underline;}

/* -------------------------------------------------------------- */
/* -- Colonne Milieu -------------------------------------------- */

.contenu
{
	padding:0 45px 0 41px;
}

.contenu a:link, .contenu a:visited, .contenu a:active, .tabInscription td a:link, .tabInscription td a:visited, .tabInscription td a:active, #zoneLiensAncres a:link, #zoneLiensAncres a:visited, #zoneLiensAncres a:active, .tabProgrammes td a:link, .tabProgrammes td a:visited, .tabProgrammes td a:active
{
	color:#1455b4;
	text-decoration:none;
}

.contenu a:hover, .tabInscription td a:hover, #zoneLiensAncres a:hover, .tabProgrammes td a:hover
{text-decoration:underline;}

#zoneLiensAncres a.select
{text-decoration:underline;}

.contenu ul
{
	list-style:none;
	color:#5f6062;
	padding:0 0 20px 20px;
	margin:0;
}

.contenu ul li
{
	background:url(images/i_liste_fleche.gif) no-repeat 0 3px;
	padding:0 0 5px 15px;
	margin:0;
	font-size:1.15em;	
}

.listeTab
{
	list-style:none;
	color:#5f6062;
	padding:5px 0 10px 10px;
	margin:0;
}

.listeTab li
{
	background:url(images/i_liste_fleche.gif) no-repeat 0 3px;
	padding:0 0 5px 15px;
	margin:0;
}

.txtColGau
{
	float:left;
	width:238px;
	margin:0 25px 0 0;
}

.txtColDr
{
	float:left;
	width:238px;
}

.txtColGau p, .txtColDr p
{text-align:left !important;}

/* -- bloc Nouvelles ----------- */

#blocNouvelles
{margin:20px 0 20px 0;}


/* ----------------------------------------------- */
/* -- Page Inscription ---------------------- */


.tabInscription, .tabProgrammes
{
	width:503px;
	margin:0 0 20px 0;
	padding:0;
	border:1px solid #5f6062;
}

.tabInscription th, .tabProgrammes th
{
	text-align:center;
	background:#c1d72e;
	color:#1455b4;
	padding:5px;
	border-right:1px solid #fff;	
}

.tabInscription th.noborderDr, .tabInscription td.noborderDr, .tabProgrammes th.noborderDr, .tabProgrammes td.noborderDr
{border-right:none;}

.tabInscription td.noborderBas, .tabProgrammes td.noborderBas
{border-bottom:none;}

.tabInscription td
{
	text-align:center;
	padding:5px;
	color:#5f6062;
	border-right:1px solid #d2d2d4;
	border-bottom:1px solid #d2d2d4;
}

.tabInscription td.aligneGau
{
	text-align:left;
	padding:5px;
	color:#5f6062;
	border-right:1px solid #d2d2d4;
	border-bottom:1px solid #d2d2d4;
}

/* ----------------------------------------------------------- */
/* -- Page Programmes de formation ---------------------- */

.tabProgrammes td
{
	text-align:left;
	padding:5px;
	color:#5f6062;
	border-right:1px solid #d2d2d4;
	border-bottom:1px solid #d2d2d4;
}

.tabProgrammes td.aligneCentre
{text-align:center;}

.tabProgrammes td.aligneDr
{text-align:right;}

.tabProgrammes td ul
{
	margin:0;
	padding:0 0 0 10px;
	font-size:0.9em;
}


/* ---------------------------------------------------------- */
/* -- page Formulaire Inscription ---------------------- */

.tableauFormInscription{
	font-size: 1em;
	color: #5f6062;
	text-decoration: none;
	margin:0 0 40px 0;	
}

.tableauFormInscription select.coursSelect
{width:260px;	}

/* -------------------------------------------- */
/* -- page Intranet ---------------------- */

#formIntranet
{
	margin:0 0 20px 0;
}


.lesChamps label
{
	width:120px;
	font-size:1em;
	color:#5f6062;
	float:left;
	text-align:left;
}

.lesChamps input
{
	width:200px;
	float:left;
	margin:0 0 10px 0;
}

#formIntranet input.ibEntrer
{margin:5px 0 0 120px;}

.tabProfil
{
	width:703px;
	margin:0 0 20px 0;
	padding:0;
	border:1px solid #5f6062;
}

.tabProfil th
{
	text-align:center;
	background:#c1d72e;
	color:#1455b4;
	padding:5px;
	border-right:1px solid #fff;	
}

.tabProfil th.noborderDr, .tabProfil td.noborderDr
{border-right:none;}

.tabProfil td.noborderBas
{border-bottom:none;}

.tabProfil td
{
	text-align:center;
	padding:5px;
	color:#5f6062;
	border-right:1px solid #d2d2d4;
	border-bottom:1px solid #d2d2d4;
}

.tabProfil td.aligneGau
{
	text-align:left;
	padding:5px;
	color:#5f6062;
	border-right:1px solid #d2d2d4;
	border-bottom:1px solid #d2d2d4;
}

/* ---------------------------------------------------------- */
/* -- page Équipe ------------------------------------------ */

.tabEquipe_liens
{
	width:501px;
	border:1px solid #5f6062;
	margin:10px 0 20px 0;
}

.tabEquipe_liens td
{
	padding:5px;
	text-align:center;
}

.tabEquipe
{
	width:501px;
	margin:0 0 20px 0;
}

.tabEquipe td
{
	padding:5px 10px 5px 0;
	text-align:left;
}

.tabEquipe td img
{
	border:1px solid #1455b4;
}



/* -------------------------------------------------------------- */
/* -- Colonne Droite -------------------------------------------- */

#blocCalendrier
{
	width:205px;
	margin:24px 0 33px 0;
}

.tabCalendrier
{
	width:183px;
	margin:15px 0 33px 10px;
	padding:0;
}

.tabCalendrier th, .tabCalendrier td
{
	text-align:center;
	color:#5f6062;
}

.tabCalendrier th
{
	border-bottom:1px solid #5f6062;
	padding:0 0 2px 0;
}

.tabCalendrier td.bordureBas
{border-bottom:1px solid #5f6062;}

.tabCalendrier td.bordureHaut
{border-top:1px solid #5f6062;}

.tabCalendrier td
{
	font-size:1.15em;
	padding:2px 0;
}

#pied ul
{
	list-style:none;
	margin:0;
	padding:30px 0 30px 290px;	
}

#pied ul li
{
	float:left;
	font-size:0.9em;
	color:#000;
	margin:0;
	padding:0 20px 0 0;
	border-right:1px solid #fff;	
}

#pied ul li.noborder
{border:none;}

#pied a:link, #pied a:visited, #pied a:active
{
	color:#1455b4;
	text-decoration:none;
}

#pied a:hover
{text-decoration:underline;}

.carousel ul
{
	width:500px;
}

.carousel ul
{
	list-style:none;
	padding:0 0 0 0;
	margin:0;
}

.carousel ul li
{
	padding:0 0 0 0;
	margin:0;
	background:none;
	font-size:1em;
}

div.center-wrap a.active {
	color:#1455B4;
	font-weight:bold;
}

div.center-wrap a {
	width:24px;
	height:24px;
	line-height:24px;
	-moz-border-radius:12px 12px 12px 12px;
	background:none no-repeat 0 0 transparent;
	background-image:url("images/silde-nav.png");
	/*border:1px solid #4F4F4F;*/
	color:#FFFFFF;
	cursor:pointer;
	margin:0 3px;
	padding:0;
	/*display:inline;*/
	/*display:block;*/
	float:left;
	text-align:center;
}

.center-wrap {
	position:absolute;
	left:0;
	top:120px;
	float:left;
	margin:0;
	z-index:10;
	width:497px;
	text-align:right;
}

.center-wrap p {
	text-align:right;
	float:right;
}

.carousel {
	position: relative;
}

element.style  {
height:335px;
}

.carousel ul li {
margin:0;
position:relative;
width:500px;
}

.js ul li {
display:inline;
float:left;
height:150px;
overflow:hidden;
text-align:center;
width:500px;
}
.js ul li img {
	z-index:0;
}

.carousel-wrap {
	width:500px;
	z-index:0;
}
div.center-wrap a span {
	z-index:1000;
}