/************************************************************************/
/*	 	Feuille de style contenant:																	*/
/*			- les références couleurs d'un espace												*/
/*			- logo + bandeau du Header																*/
/*			- aspect du menu gauche																	*/
/*			- taille de la zone contenu																*/
/*			- comportement de la zone de droite													*/
/************************************************************************/
body {
    padding:0;
    margin:0;
	color:#000; 
	background:url(../images/Space_BG.gif) repeat-x 0 0;
}
/* fil d'ariane */
    .BreadCrumbs{margin-left:130px;}



.C1fond {
	background-color:#a20000; 
}
.C1font, .C1font:visited, .C1font:link, a.LienDefaultStyle:link, a.C1lien:link, a.C1lien:hover, a.C1lien:active, a.C1lien:visited{
	color:#a20000;
}
.C1border {
	border-color:#a20000; 
}
/* Pour menu Espaces */
a.C1LienBorderSelected, a.C1LienBorder:hover, a.C1LienBorder:focus{ 
	background-color:#ffc1a9; /*C4*/
	border-color:#a20000;
}
a.C1LienBorder2:hover{ 
	background-color:#ffD3c1; /*C3*/
	border-color:#a20000;
	color:#a20000;
}


.C2fond {
	background-color:#bc4848; 
}
.C2font, .C2font:visited, .C2font:link, a.C2lien:hover, a.C2lien:active, a.C2lien:focus{
	color:#bc4848; 
}
.C2border {
	border-color:#bc4848; 
}
/* Aspect  par défaut des liens hypertexte */
a.LienDefaultStyle:hover, a.LienDefaultStyle:active, a.LienDefaultStyle:focus{
	color:#bc4848;
}


.C3fond {
	background-color:#ffD3c1; 
}
.C3font, .C3font:visited, .C3font:link, a.C3lien:hover, a.C3lien:active, a.C3lien:focus{
	color:#ffD3c1; 
}
.C3border {
	border-color:#ffD3c1; 
}




.C4fond {
	background-color:#ffc1a9; 
}
.C4font, .C4font:visited, .C4font:link, a.C4lien:hover, a.C4lien:active, a.C4lien:focus{
	color:#ffc1a9; 
}
.C4border {
	border-color:#ffc1a9; 
}



.C5fond {
	background-color:#ffecde; 
}
.C5font, .C5font:visited, .C5font:visited, a.C5lien:hover, a.C5lien:active, a.C5lien:focus{
	color:#ffecde; 
}
.C5border {
	border-color:#ffecde; 
}



.C6fond {
	background-color:#999999; 
}
.C6font, .C6font:visited, .C6font:link, a.C6font:hover, a.C6font:active, a.C6font:focus, a.C6lien, a.C6lien:hover, a.C6lien:active, a.C6lien:focus{
	color:#999999; 
}
.C6border {
	border-color:#999999; 
}



.C7fond {
	background-color:#333333; 
}
.C7font, .C7font:visited, .C7font:link, a.C7lien:hover, a.C7lien:active, a.C7lien:focus{
	color:#333333; 
}
.C7border {
	border-color:#333333; 
}



.C8fond {
	background-color:#666666; 
}
.C8font, .C8font:link, a.C8lien:hover, a.C8lien:active, a.C8lien:focus{
	color:#666666; 
}
.C8border {
	border-color:#666666; 
}



.C9fond {
	background-color:#E0BFB0; 
}
.C9font, .C9font:visited, .C9font:link, a.C9lien:hover, a.C9lien:active, a.C9lien:focus{
	color:#E0BFB0; 
}
.C9border {
	border-color:#E0BFB0; 
}



.CLogoMplus{
	color:#E6571E;
}


/***************************************************************************************************/
/*															images du Header																	*/
/***************************************************************************************************/



/***************************************************************************************************/
/*															Fil d'Ariane																*/
/***************************************************************************************************/

#divNavMenu {
	font:normal 10pt Arial;
}

.link, .link:link, .link:visited, .link:active, .link:focus{
	text-decoration:underline;
}
.link:hover{
	text-decoration:none;
}


/***************************************************************************************************/
/*															zone publicités sous menu gauche																*/
/***************************************************************************************************/

.Pub{
	padding: 0;
	margin: 0;
	text-align: center;
}
.Pub img{
	padding: 0;
	margin: 10px 0 0 0;
	border: 0;

}

/***************************************************************************************************/
/*															Zone Menu Gauche																*/
/***************************************************************************************************/

.MenuGauche
{
    position:relative;
    width:218px;
	float:left;	
}

/* Zone Newsletter */	
	
	
    .zone_Btns_Elearning
    {
        position:absolute;
        margin:-25px 0 0 0;
        display:block;
        font: normal 9pt arial;
        color:#F29400;
        
        width:1000px;
    }
    .zone_Btns_Elearning a{line-height:20pt; color:#F29400;}
    .hlp_Accueil
    {
        background-image:url('../images/Accueil.gif');
	    background-position:0 0 ; 
	    background-repeat:no-repeat;
	    margin:0 0 0 15px;
	    padding:5px 0 10px 22px;
    }
    .hlp_Distributeur
    {
        background-image:url('../images/Distributeur.gif');
	    background-position:0 0 ; 
	    background-repeat:no-repeat;
	    margin:0 0 0 10px;
	    padding:5px 0 10px 22px;
    }
	
	
/* Menu */

    .MenuEspaceLeft{
        position:relative;
        /*border-top:solid 1px #F29400;*/
        border-bottom-width:0px;
        border-left-width:0px;
        margin:0 0 0 0;
        padding:10px 4px 0 0; 
        width:214px;
        
	    background-position:0 0 ; 
	    background-repeat:repeat-y;
    }
	
	div.MenuSection{width:188px;margin:0 0 10px 0;padding:0 0 0 13px;}

	a.MenuSection, a.MenuSection:hover, a.MenuSection:active, a.MenuSection:focus,
    a.MenuItem, a.MenuItem:hover, a.MenuItem:active, a.MenuItem:focus{
		text-decoration:none;
	    cursor:pointer;
	    color: #666666;
		display:block;	
	}
	a.MenuSection, a.MenuSection:hover, a.MenuSection:active, a.MenuSection:focus{
	    background-color: #DDDDDD;
	}
	a.MenuSection, a.MenuSectionSelected, li.MenuItem strong, li.MenuItemSelected strong
	{
		display:block;
		font-family:Arial;
		text-decoration:none;
	}
	a.MenuSection, a.MenuSectionSelected
	{
		font-weight:bold;
		font-size:10pt;
		padding:2px 0 2px 6px;
	}
	a.MenuSection:hover
	{
	    background-color: #a20000;
	    color: #FFFFFF;
	}
	a.MenuItem strong, li.MenuItemSelected a strong
	{ 
	    width:174px;	
		font-size:9pt;
		font-weight:normal;
	}
	
	a.MenuSectionSelected, a.MenuSectionSelected:hover, a.MenuSectionSelected:active, a.MenuSectionSelected:focus,
    li.MenuItemSelected, li.MenuItemSelected:hover, li.MenuItemSelected:active, li.MenuItemSelected:focus{
	    background-color: #a20000;
	    color: #FFFFFF;
	} 
	li.MenuItemSelected a, li.MenuItemSelected a:hover, li.MenuItemSelected a:active, li.MenuItemSelected a:focus{
	    color: #FFFFFF;
	}
	
	ul.MenuItems
	{
	    border-top: solid 1px #DDDDDD;
		margin: 4px 0 0 0;
		list-style-type:none;
		overflow:hidden;
	}
	li.MenuItem, li.MenuItemSelected
	{
		display:block;	
	    width:174px;    
		border: solid 1px #DDDDDD;
		border-top-width:0px;
		padding:3px 0 3px 12px;
	}
	li.MenuItem
	{
		background-color:#FFFFFF;
	}
	li.MenuItem:hover
	{
	    background-image:url('../images/RollOver_Degrade.png');
	    background-repeat:repeat-x;
	    cursor:pointer;
	}
	
	.Closed, .Opened
	{
	    background-image:url('../images/Section_Closed.gif');
	    background-repeat:no-repeat;
	    background-position: 5px 7px;
	}
	.Opened
	{
	    background-image:url('../images/Section_Opened.gif');
	    background-repeat:no-repeat;
	    background-position: 4px 8px;
	}
	



/***************************************************************************************************/
/*															Zone contenu espace					   */
/***************************************************************************************************/

.Header{width:1000px;}
.SpacesMenu{margin-left:110px}
#DivEspace{	display:inline-block;width: 1000px;text-align:left;margin-top:30px;}
.Centre{
    position:relative;
	/*margin: 20px 0 0 -500px ;*/
	padding: 0px;
	background-image:url('../images/fond_Menu.gif');
	background-position:0 0 ; 
	background-repeat:repeat-y;
	/*height:100%;*/
	width:1000px;
}

/***************************************************************************************************/
/*															Zone droite 						   */
/***************************************************************************************************/
/*
body #DivRightZone{
	position:absolute;
		
	width:50px;
	height:100%;
	
	top:130px;
	right:0;
	
	z-index:0;
	
	display:none;
}*

/***************************************************************************************************/
/*															Page de l'espace E-Learning			   */
/***************************************************************************************************/

	/* Taille de la page*/

	#content
	{
	    position:relative;
		width:740px;
	    padding:0 0 0 20px;
	    float:left;
	}
	
	.IfRameStatic
	{
	    position:relative;
		width:760px;
	    float:left;
	    padding:0;
	    margin:0;
	}
	
	/* Zone bandeau */
	#imgBandeau{
		height:82px;
		background-repeat:no-repeat;
	}
	#imgBandeau h1{
	    position:absolute;
		display:inline;
		height:18px;
		
		font:normal 11pt verdana;
		
		margin:0 0 15px 123px;
		padding:0 15px 0 10px;
		
		background-color:#DDDDDD;
		background-image:url(../images/bordRondD.gif);
		background-position:right top;
		background-repeat:no-repeat;
		
		overflow:hidden;
	}
	#imgBandeau h2, #imgBandeau h3{
		display:block;
		font:normal 10pt arial;	
		padding:2px 0 0 0;
		overflow:hidden;
	}
	
	.ArrondiTopLeft, .ArrondiTopRight, .ArrondiBottomLeft, .ArrondiBottomRight
	{
	    position:relative;    
		width:11px;
		height:11px;
		background-repeat:no-repeat; 
	}
	.ArrondiTopRight, .ArrondiBottomRight {
	    float:right;
	}
	.ArrondiTopLeft, .ArrondiBottomLeft {
	    float:left;
	}
	.ArrondiTopLeft {background-image:url(../images/coinrondHG.gif);}
	.ArrondiTopRight {background-image:url(../images/coinrondHD.gif);}
	.ArrondiBottomLeft {background-image:url(../images/coinrondBG.gif);}
	.ArrondiBottomRight {background-image:url(../images/coinrondBD.gif);}
	.BorderLeft, .BorderRight, .BorderBottom, .BorderTop {background-image:url(../images/spacer.gif);overflow:hidden;font-size:0px;}	
	.BorderTop, .BorderBottom, td.ArrondiTopRight, td.ArrondiTopRight, td.ArrondiTopLeft, td.ArrondiBottomLeft{height:11px;}
	.BorderLeft, .BorderRight, td.ArrondiTopRight, td.ArrondiTopRight, td.ArrondiTopLeft, td.ArrondiBottomLeft {width:11px;}
	.BorderTop{border-top:solid 1px #DDDDDD;}
	.BorderBottom{border-bottom:solid 1px #DDDDDD;}
	.BorderLeft{border-left:solid 1px #DDDDDD;}
	.BorderRight{border-right:solid 1px #DDDDDD;}
	
	.CadreSousTitre
	{
	    position:absolute;
	    left:100px;		
	    margin:8px 0 0 0;
		z-index:-1;
	}
	.CadreSousTitre .content
	{
		padding:10px 20px 10px 42px;
	}
	.TextePage
	{
	    font:normal 10pt arial;
	    color:#666666;
	}
	
    
	
	.Actualite .Link, .Actualite .Link a{font:bold 8pt Arial;}
	.Actualite .Link a:hover{text-decoration:underline;}
	
    .black{color:#000000;font-weight:bold;}
    /*
    .Absolute
    {
        float:right;
        margin:-24px 0 0 5px;
    }*/


	.FondBordeau{background-color:#E0BFB0;}
	.FondCafe{background-color:#EBD6B4;}
	.FondCreme{background-color:#FAE8CC;}
	
	
	

/***********************************************************************************************************************/
/* BAS DE PAGE */
/***********************************************************************************************************************/
	.BasDePage{
		clear: both;
		font-size: 9pt;
		margin: 20px 0 0 0;
		padding: 0px;
		text-align: center;
		width: 100%;
		/*color: #cccccc;*/
		border-top-style: solid;
		border-top-width: 1px;
		border-bottom-style: solid;
		border-bottom-width: 1px;
	}
	/*******************************/
	/*  Menu bas de page BackLink */
	/******************************/
	.BackLinkMenu
	{
		clear:both;
		width:90%;
		height:auto;
		padding-top:20px;
		margin-bottom:-10px;
		color :navy;
		font-size:8pt;
		margin-left:30px;
		margin-right:30px;
	
	}

	.BackLink
	{
		color :navy;
		text-decoration:underline;
		display:inline-block;
		font-weight:normal;
		margin:2px 5px 0 5px;
	}
	
	.BackLink:active, .BackLink:focus, .BackLink:visited, .BackLink:link
	{
		color :navy;
		text-decoration:underline;
	}
	

	.BackLink:hover
	{
		color :navy;
		text-decoration:none;
	}