html
{
	font-size:100%;
}
body
{
	background-color: #F7F7F7;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #68676c;
	margin: 0;/* Hack IE5 : permet le centrage de la page*/
	text-align: center; /*Hack IE5 : permet le centrage de la page*/
	/*behavior: url('tl_files/modele_aforbat/scripts/csshover2.htc');  Nécessaire pour faire fonctionner les menus sous IE6*/
	
}


img 
{
	behavior: url('tl_files/modele_aforbat/scripts/pngbehavior.htc'); /* Nécessaire pour faire fonctionner les menus sous IE6*/
}

.Centrer
{
	text-align:center;
}

.Justifier
{
	text-align:justify;
}

#divCadreHaut
{
	background-image:url('../images/CadreHaut.jpg');
	background-repeat:no-repeat;
	background-position:center;
	height:48px;
	width:974px;
	margin: auto;
}

#divCadreCorps
{
	background-image: url('../images/CadreCorps.jpg');
	background-repeat: repeat-y;
	background-position: 0px 0px;
	background-color: #FCFCFC;
	width: 974px;
	margin: auto;
	text-align: left;
}

#divCadreBas
{
	background-image:url('../images/CadreBas.jpg');
	background-repeat:no-repeat;
	background-position:center;
	height:18px;
	width: 974px;
	margin: auto;
}

#wrapper
{
	margin-left: 30px;
	width: 930px;
	text-align: left;
}


#header
{
	position: relative;
	z-index:998; /*Pour éviter que les menus ne passent sous les images dans IE*/
	background-image: url('../images/FiligraneLogoGris.gif');
	background-repeat: no-repeat;
	background-position: center 43px ;
}

#header .inside
{
margin-left: 5px;
margin-right: 4px;
}

#container
{
	position:relative;
}

#footer
{
/*position: relative;
	left: 30px;*/
	margin: 0px 12px 0px 10px;
	font-size: 0.8em;
}

#main .inside
{
	text-align: justify;
	margin-right: 30px;

}

h1,h2,h3,h4,h5
{
	color:#545357 ;	
	font-weight: 100;
}

h1
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h2
{
	font-size: 1.3em;
}

 a
{
	color: #000000;
	outline-style:none;
}
a:hover
{
	color:#73AA37;
}
/**************************
--- Haut de page ---
***************************/

/* Onglet nom de page
----------------------*/
#divOngletNomDePage
{
	clear: both;
	border-bottom: 2px solid #009d30;
	margin-top: 0px;
	margin-left:5px;
	margin-right: 7px;
}

#divOngletNomDePage p
{
	display: inline;
	margin: 0px;

	height: 1.5em;
	background-color: #009d30;
	background-image: url('../images/CoinArrondiVertHautGauche.jpg');
	background-repeat: no-repeat;
	background-position: left top;
	color: #ffffff;
	text-transform: uppercase;
	position: relative;
	left: 150px;
	
}
#divOngletNomDePage span
{
	padding: 0px 10px 0px 10px;
	background-image: url('../images/CoinArrondiVertHautDroit.jpg');
	background-repeat: no-repeat;
	background-position: right top;
}

/* Bandeau entête de page d'accueil
----------------------*/
#divBandeauEnteteAccueil
{
	margin: 0px 15px 0px 5px;
	clear:both;
	position: relative;
}

#divBandeauEnteteAccueil div
{
	float: left;
}

#divBandeauEnteteAccueil img
{
	margin: 0px 0px 0px 0px;

}

#divBandeauEnteteAccueil #pInscriptions
{
	text-align: right;
}

#divBandeauEnteteAccueil #divSixRaisonsInscriptions
{
	margin-left: 50px;

}

#divBandeauEnteteAccueil #divVisite
{
	margin-left: 80px;
	margin-top: 20px;
}

#divBandeauEnteteAccueil #divExtranets
{
	margin-left: 80px;
	background-color: #ECECEC;
	background-image: url('../images/ExtranetCorps.jpg');
	background-repeat: repeat-x;

}


#divBandeauEnteteAccueil #divExtranets div
{
	background-repeat:  no-repeat;
	margin:0px 0px 0px 0px;
	width=100%
}

#divBandeauEnteteAccueil #divExtranets .CoinHautGauche
{
	background-image: url('../images/ExtranetCoinHautGauche.jpg');
	background-position: top left;
}

#divBandeauEnteteAccueil #divExtranets .CoinHautDroit
{
	background-image: url('../images/ExtranetCoinHautDroit.jpg');
	background-position: top right;
}

#divBandeauEnteteAccueil #divExtranets .CoinBasGauche
{
	background-image: url('../images/ExtranetCoinBasGauche.jpg');
	background-position: bottom left;
}

#divBandeauEnteteAccueil #divExtranets .inside
{
	background-image: url('../images/ExtranetCoinBasDroit.jpg');
	background-position: bottom right;
	padding: 6px 6px 6px 6px;
	width: 250px;	
	text-align: center;
	font-size:0.8em;

}

#divBandeauEnteteAccueil #divExtranets .inside h1
{
	font-size: 1.1em;
	text-transform: uppercase;
	font-weight: bold;
	color: #ffffff;
	margin-top :2px;
	margin-bottom: 2px;
}
#divBandeauEnteteAccueil #divExtranets a
{
	margin-left:auto;
	margin-right: auto;
	width: 173px;
	height: 30px;
display: block;
}

#divBandeauEnteteAccueil #divExtranets .BoutonEspaceApprenti
{

	background-image: url('../images/ExtranetApprentis.png');
	
}
#divBandeauEnteteAccueil #divExtranets .BoutonEspaceEntreprise
{
	background-image: url('../images/ExtranetEntreprise.png');
}


#divBandeauEnteteAccueil hr
{
	clear: both;
	width: 0px;
	height: 0px;
}
/* Bandeau entête de page
----------------------*/
#divBandeauEntetePage
{
	margin: 5px 15px 0px 5px;
	clear:both;
	overflow: hidden;
}

#divBandeauEntetePage img
{
	float:left;
	margin: 15px 10px 15px 10px;
}

#divBandeauEntetePage #divVisiteInscriptions
{
	margin-top:25px;
	display: table;


}

#divBandeauEntetePage #divVisiteInscriptions img
{
	margin-top:0px;

}
#divBandeauEntetePage #divVisiteInscriptions p
{
	margin:0px 0px 0px 0px;
}
#divBandeauEntetePage #divVisiteInscriptions #pInscriptions a
{
float: right;
}

#divBandeauEntetePage #imgPhotos
{
	float: right;
	margin: 0px 0px 0px 0px;
}


/* Fil d'Ariane
----------------------*/
.mod_breadcrumb
{
	background-color: #ffffff;
	font-size: 0.8em;
	margin-left: 5px;
}

.mod_breadcrumb a
{
	color:#AAAAAA;;
}

.mod_breadcrumb a:hover
{
	color: #080808;
}

.mod_breadcrumb .active
{
	display: none;
	/*color: #009D30;*/
}

/**************************
--- Bas de page ---
***************************/
#hrLigne
{
	color:#009d30;
	background-color: #009d30;
	height:2px;
	border:0px;
	clear: both;

}


#divFinanceurs
{
	color: #578683;
	float: left;
	text-align: justify;
	vertical-align: middle;
}

#divFinanceurs a
{
	text-decoration: none;
}

#divFinanceurs img
{
	vertical-align: middle;
}

#divFinanceurs.EspaceurLogos
{
	width: 20px;
}

#lnkMentionsLegales
{
	float: right;
	color: #5c7bba;
	text-decoration: none;
}


/******************************
---Menu de navigation haut ---
******************************
Pour modifier la largeur des éléments de menu,
modifier les rèles suivantes :
.mod_navigation li
.mod_navigation .level_3,.mod_navigation .level_3 ul

*/
.mod_navigation.NavigationHaute
{
	/*height: 45px;*/
	position: relative;
	overflow: visible;
	z-index:999;
	margin-left: 3px;
}
 
.mod_navigation.NavigationHaute p
{
	margin:0px;
	padding:0px;
}

.mod_navigation.NavigationHaute a
{
	padding-left: 5px;
	color: #ffffff;
	text-decoration: none;
	
}

.mod_navigation.NavigationHaute ul
{
	margin:0px;
	padding:0px;
	list-style-type:none;

}

.mod_navigation.NavigationHaute li
{
	width: 130px; /* Largeur des éléments de menu*/
	position: relative; /* position */
	float: left; /* arrange left-aligned */
	color: #ffffff;
	text-align: center;
	
		
	background-color: #009d30;
	background-image: url('../images/MenuHautCorps.jpg');
	background-repeat: repeat-x;
	height: 35px;
	border-bottom: 1px solid #ffffff; 

	

	text-transform: uppercase;
	font-size: 0.8em;
	padding-top: 3px;
		
}

.mod_navigation.NavigationHaute  li:hover
{
   background-color:#666666;
	background-image: url('../images/MenuHautCorps-over.jpg');
	background-repeat: repeat-x;	
}





/*Niveau 1
============*/

.mod_navigation.NavigationHaute li.first
{
	background-image: url('../images/MenuHautGauche.jpg');
	background-repeat: no-repeat;
}

.mod_navigation.NavigationHaute li.first:hover
{
	background-image: url('../images/MenuHautGauche-over.jpg');
	background-repeat: no-repeat;
}

.mod_navigation.NavigationHaute li.last
{
	background-image: url('../images/MenuHautDroit.jpg');
	background-repeat: no-repeat;
	background-position: right;
}

.mod_navigation.NavigationHaute li.last:hover
{
	background-image: url('../images/MenuHautDroit-over.jpg');
	background-repeat: no-repeat;
	background-position: right;
}

/*Niveau 2
===========*/

.mod_navigation.NavigationHaute ul .level_2
{
	/*On positionne le menu de niveau 2 sous le niveau 1 et on le masque*/
	bottom:0px;
	right:0px;
	top:32px;
	position:absolute;
	display:none; 
}

.mod_navigation.NavigationHaute ul.level_2 li
{
	/*Mise en forme des items du menu de niveau 2 et des niveaux inférieurs*/
	background-color: #73aa37; 
	border-bottom: 1px solid #ffffff;
	text-transform: none;
	padding: 3px 0px 3px 0px;
	height: auto;
	font-size: 1em;
	background-image: none;
}

.mod_navigation.NavigationHaute ul li:hover ul
{
	/*On fait apparaitre le menu de niveau 2 si l'item de niveau 1 est survolé*/
	display:block;
}
	


.mod_navigation.NavigationHaute ul ul li.first
{
	/*Mise en forme du 1er item du menu de niveau 2 : ajout de l'ombre*/
	background-image: url('../images/SousMenuHautOmbreVert.jpg');
	background-repeat: repeat-x;
}

.mod_navigation.NavigationHaute ul ul li.first:hover
{
	/*Mise en forme du survol du 1er item du menu de niveau 2 : ajout de l'ombre*/
	background-image: url('../images/SousMenuHautOmbreGris.jpg');
	background-repeat: repeat-x;
}

.mod_navigation.NavigationHaute ul ul li.last:hover
{
	/*Mise en forme du survol du 1er item du menu de niveau 2 : ajout de l'ombre*/
	background-image: none;
}

.mod_navigation.NavigationHaute ul ul li:hover
{
	/*Mise en forme du survol des items du menu de niveau 2 et des niveaux inférieurs*/
		background-color: #a6a7a8;
}


/*Niveau 3
===========*/
.mod_navigation.NavigationHaute ul ul ul
{
	/*On place les menus de niveau 3 et des niveaux inférieurs à côté du menu parent et on les masque*/
	left:131px; /*Décalage correspondant à la largeur des éléments de menu +1*/
   top:0px;
	position:absolute;
	display:none; 
}

.mod_navigation.NavigationHaute ul ul ul li.first
{
	/*On enlève l'ombre  sur le 1er item pour tous les niveaux >=3*/
	background-image: none;
}

.mod_navigation.NavigationHaute ul ul ul li.first:hover
{
   /*On enlève l'ombre au survol du 1er item pour tous les niveaux >=3*/
	background-image: none;
}

.mod_navigation.NavigationHaute ul  li:hover  ul ul
{
	/*On fait disparaitre le niveau 3 pendant survol du niveau 1*/
	display:none;
}

.mod_navigation.NavigationHaute ul ul li:hover ul
{
	/*On fait apparaitre le niveau 3 au survol du niveau 2*/
	display:block;
}

/*Niveau 4
===========*/

.mod_navigation.NavigationHaute ul ul li:hover ul ul
{
	/*On fait disparaitre le niveau 4 pendant survol du niveau 2*/
	display:none;
}

.mod_navigation.NavigationHaute ul ul ul li:hover ul
{
	/*On fait apparaitre le niveau 4 au survol du niveau 3*/
	display:block;
}



/************************************************
--- Colonne de gauche -------------------
*************************************************/


#left 
{
	background-color:#DEF0E3;
	background-image:url('../images/ColonneGaucheBordBas.jpg'); 
	background-position: bottom left;
	background-repeat: no-repeat;
	position: relative;
	left: -41px;	
	width : 256px;
	margin-right: -39px;
}

#left .inside
{

	background-image: url('../images/ColonneGaucheBordGauche.jpg');
	background-position: top left;
	background-repeat:no-repeat;
	-height:1%; /*Hack IE6 : corrige la disparition de l'image de fond*/
	margin-bottom: 9px;


	

}
/************************************************
--- Menu de navigation gauche -------------------
*************************************************/
.mod_navigationSub
{

	background-color: transparent;
	margin-left:12px;
	margin-right: 10px;
	font-size: 0.8em;

}

.mod_navigationSub ul
{
		padding-left : 0px;
		display: none;
}

.mod_navigationSub p, .mod_navigationSub span
{
		margin: 0px 0px 0px 0px;
}
	
.mod_navigationSub a
{
		text-decoration: 	none;
}
.mod_navigationSub .level_1
{
	list-style-type: none;
	margin: 10px 0px 0px 0px;
	display: block;
	color: #ffffff;
	text-decoration: none;
}

.mod_navigationSub li
{
			margin-top: 10px;


			
}

.mod_navigationSub .level_1 .trail ul,
.mod_navigationSub .level_1 .active ul
{
		/*On affiche les pages uniquement pour le chemin courant*/
		display: block;
}

.mod_navigationSub .level_1 a
,.mod_navigationSub .level_1 p
,.mod_navigationSub .level_1 span
{
	/*Mise en forme du 1er niveau*/
	background-repeat: no-repeat;
	background-position: bottom left;
	padding-bottom: 7px;
	padding-top: 3px;
	display:	block;
	padding-left : 20px;
	color:#ffffff;
	min-height:20px;
	overflow: visible;
	
}

.mod_navigationSub .level_1 p.active,
.mod_navigationSub .level_1 span.active,
.mod_navigationSub .level_1 a.trail
{
	/*Mise en forme des éléments actifs de 1er niveau*/
	background-color: #E3000D;
	background-image:url('../images/NavGaucheOmbreNiveau1-sel.jpg');
	text-transform: uppercase;
	font-weight: bold;
}

.mod_navigationSub .level_1 a
{
	/*Mise en forme des éléments inactifs de 1er niveau*/
	background-color: #009D30;
	background-image:url('../images/NavGaucheOmbreNiveau1.jpg');
}
 
.mod_navigationSub .level_2
{
	/*Mide en forme des listes de niveau 2*/
	list-style: disc;
	margin-left: 40px;
   color: #595E5E;
	text-transform: none;
}
.mod_navigationSub .level_2 li
{
	margin-bottom: 13px;
}
 
.mod_navigationSub .level_2 li p,
.mod_navigationSub .level_2 li span,
.mod_navigationSub .level_2 li a
{
		/*Mise en forme des éléments de niveau 2*/
		display:inline;
		background-color: transparent;
		background-image: none;
		padding-left: 0px;
		color:#595E5E;
		
} 

.mod_navigationSub .level_2 li p.active
,.mod_navigationSub .level_2 li span.active
{
	/*Mise en forme des éléments actifs de niveau 2*/
	background-image: none;
	background-color: transparent;
	color: #009D30;
	text-transform: none;
}
 
.mod_navigationSub .level_3
{
	display: none;
}
 

/*************************************
				Articles
***************************************/

#header .mod_article
{
	clear: both;
}

/* Articles de la colonne principale
------------------------------------*/


#main h1
{
	font-size: 1.5em;
	border-bottom: 1px solid Gray;
}


/* Nom de page
--------------*/
.NomPage
{
	color: #009D30;
	font-size: 2em;
	font-weight: 300;
	text-align: center;
	margin-bottom: 15px;
}





/* Impression de l'article
----------------------------*/
.pdf_link
{
	text-align: right;
	background-image: url('../images/IcoPdf.gif');
	background-position: bottom right;
	background-repeat: no-repeat;
	padding-right: 20px;
	min-height: 16px;
	overflow: visible;
	
}
.pdf_link a
{
	color: #AAAAAA;
	font-size: 0.8em
}

.pdf_link a:hover
{
	color: #080808;
}



/* Elements en colonnes
------------------------------*/
.ce_colsetStart .first
{
	border-right:1px dashed #CFCFCF;
}

#header .ce_colsetStart .first
{
	border-right:none;
}


/* Image incluse dans le texte
-------------------------------*/
.image_container
{
	margin-bottom:5px;
}


.image_container .caption
{
font-size:0.8em;
}

.image_container img
{
margin: 10px 10px 5px 10px;
padding: 5px 5px 5px 5px;
border: 1px solid #CFCFCF;
/*display: block;*/
background-color: #ffffff;
}

#header .image_container img
{
	border: none;
	margin: 0px 0px 0px 0px;
	background-color: transparent;
}


/* SlimBox
--------------------------------*/
#lbNextLink:hover 
{
	background:transparent url(../images/nextlabel.gif) no-repeat scroll 100% 15%;
}

#lbPrevLink:hover 
{
	background:transparent url(../images/prevlabel.gif) no-repeat scroll 0% 15%;
}

#lbCloseLink
{
	background:transparent url(../images/closelabel.gif) no-repeat scroll center;
	display:block;
	float:right;
	height:22px;
	margin:5px 0pt;
	width:85px;
}

/* Mediabox
--------------------------------*/
#mbPrevLink {
	width: 81px;
	background: transparent url(../images/BlackPrevious.gif) no-repeat center;
}

#mbNextLink {
	width: 63px;
	background: transparent url(../images/BlackNext.gif) no-repeat center;
}

#mbCloseLink {
	width: 57px;
	background: transparent url(../images/BlackClose.gif) no-repeat center;
}





/* Tableau des métiers
-------------------------*/
.mod_navigation.TableauMetier
{
	border: 1px solid #c7d0d7;
	padding: 4px 4px 4px 4px;
	font-size: 0.88em;
	background-color:  #dae0e5;

}

.mod_navigation.TableauMetier ul
{
	/*list-style-image: url(../images/PuceVerte.gif);*/
	list-style: none;
	display: inline;

}
.mod_navigation.TableauMetier li
{
	float: left;
	width: 7.8em;
	height:3.5em;
	background-image: url(../images/PuceVerte.gif);
	background-position: left 0.5em;
	background-repeat: no-repeat;
	padding-left: 8px;
	padding-right: 2px;

}
.mod_navigation.TableauMetier li a
{
	color: #000000;
	text-decoration: none;
	
}
.mod_navigation.TableauMetier li a:hover
{
	color:#73AA37;
	text-decoration: none;
	
}

.mod_navigation.TableauMetier .LigneImpaire
{
	background-color:  #dae0e5;
	
}

.mod_navigation.TableauMetier .LignePaire
{
	background-color:  #d5dce2;
	
}


/* Actus en page d'accueil
----------------------------*/
.mod_newslist.ActuAccueil
{
	background-color: #e5f5ea;
	border-top: 2px solid #009d30;
	border-bottom: 2px solid #009d30;
	padding-left: 10px;
	font-size: 0.8em;
}

#dernieres_actualites .mod_newslist.ActuAccueil h1
{
	background-color: #009d30;
	padding: 1px;

	width: 10em;

	text-align: center;
	text-transform: uppercase;
	color: #ffffff;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 5px;
	margin-top:0px;
	font-size: 1.3em;
}

.mod_newslist.ActuAccueil div
{

	width:30%;
	text-align: justify;
	padding-right: 10px;
	position: relative;
	height: 100%;
	float: left;

}

.mod_newslist.ActuAccueil div.layout_latest
{
		border-right: 1px dashed #cccccc;
		margin-right: 10px;
		height: 100%;
}

.mod_newslist.ActuAccueil div.layout_latest.last
{
		border-right: none;
		margin-right: 0px;
}

.mod_newslist.ActuAccueil  .image_container
{
	float: left;
	display: block;
	width: auto;
	padding: 0px 0px 0px 0px;

	
}

.mod_newslist.ActuAccueil  .image_container img
{
	margin: 0px 7px 5px 0px;
	
}

.mod_newslist.ActuAccueil h2 
{
	position: relative;
	color:#4c6e95;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	font-size: 1.2em;
	
}
.mod_newslist.ActuAccueil h2 a
{
		color:#4c6e95;
}

.mod_newslist.ActuAccueil .teaser 
{
	margin-top: 0px;
}
.mod_newslist.ActuAccueil .more
{
	margin-top: 5px;
	text-align: right;
		font-style: italic;
}

.mod_newslist.ActuAccueil .more a
{
		color:#4c6e95;
}

#left .mod_article
{
	padding: 10px 5px 10px 35px;
	
}


#left .mod_article h1
{
	font-size: 1.2em;
	font-weight: bold;
}

/*Menu archives d'actualité
---------------------------*/
.mod_newsmenu ul
{
	list-style: none;
	padding-left: 10px;
	font-size: 0.9em.
}


.mod_newsmenu ul ul
{
	list-style: square;	
	font-size: 0.8em;
}

.mod_newsmenu ul ul li a
{

	color: #000000;
	text-decoration: none;
}

.mod_newsmenu ul ul li a:hover
{
	color:#73AA37;
	text-decoration: none;
}

.mod_newsmenu ul ul p.active
{
	margin-top: 0px;
	margin-bottom: 0px;
		color:#73AA37;
	font-weight: bold;
}
	
.mod_newsarchive .layout_simple
{
	margin-left: 10px;
	font-size: 0.8em;
}
.mod_newsarchive .layout_simple a
{
	display: block;
	font-size: 1.1em;
	color: #000000;
	text-decoration: none;
	padding-left: 5px;
	
}
.mod_newsarchive .layout_simple a:hover
{
	color:#73AA37;
	text-decoration: none;
	
}	

#main .mod_newsarchive div
{
	margin-left:20px;	
}
		
#main .mod_newsarchive .info
{
	font-size:0.8em;
	color: #B0B0B0;
	
	margin-top: 0px;
	position: relative;
	top:-10px;
	float: right;
}

#main .mod_newsarchive h2
{
	margin-top: 0px;
	margin-bottom: 0px;
	float:left;
	position: relative;
	top: -10px;
	color: #757575;
	font-size: 1.1em;
	font-style: italic;
}
#main .mod_newsarchive .ce_text
{
	clear: both;
}

.mailonly
{
	display:none;
}

/* Rotation d'images
---------------------*/
.ce_imagerotator img 
	{
		vertical-align:top;
	}
	
/* Carousel d'images imageflow
------------------------------*/
.ce_imageflow .slider
{
	background-image: url('../images/ImageFlowCurseur.gif');
}