/***********************/
/*             Général   */
/***********************/
html
{
    margin:0 !important;
    padding:0;
}
.preprod 
{
    background-color:White;
}

body
{
	width:1003px;
    margin:auto;
    padding:0;
    background:url(../Images/background.gif);
}
form 
{
    padding:0;
    width:984px;
    margin-right:9px;
}
hr.retour
{
     clear:both;
     visibility:hidden !important;
     border:0;
     height:0px;
}


.ImageAccueil
    {
        float:left;
        display:inline;
     }
.TexteAccueil
{
          float:left;
        display:inline;  
    }
/********************************************************************/
/*	Style pour le header											*/
/********************************************************************/
div.header
{
	font-size:1px;	/* pour empêcher un espace entre le visuel et le div suivant */
}

/********************************************************************/
/*	Style pour le fil d'ariane										*/
/********************************************************************/
div.filAriane
{
	background:url(../Images/bgFilAriane.gif) no-repeat;
	background-color:#FFFFFF;
	width:656px;
	height:33px;
}
div.filAriane div.pictosBandeau
{
	float:right;
	height:26px;
	margin-right:13px;
	padding-top:5px;
}
div.filAriane div.nav
{
	float:left;
	font-size:12px;
	padding:11px 20px 0px;
}
div.filAriane div.nav a
{
	color:#000000;
	text-decoration:none;
}

/********************************************************************/
/*	Style pour le contenu principal									*/
/********************************************************************/
div.principal
{
	border-left:solid 2px #FFFFFF;
	border-right:solid 2px #FFFFFF;
	background-color:#FFFFFF;
}
/********************************************************************/
/*	Style pour le contenu											*/
/********************************************************************/
div.principal div.menuGauche
{
	float:left;
}
div.principal div.contenuPage
{
    	
}
div.principal div.contenuPage div.contenuReel
{
	float:right;	
	width:794px;
    min-height:500px;
    height:auto !important;
    height:500px;
}
div.principal div.contenuPage div.contenuReel div.colonneCartouche
{
	float:right;
	width:155px;
	margin-top:13px;
}


/********************************************************************/
/*	Style pour le cadre de recherche								*/
/********************************************************************/
div.menuGauche div.recherche
{
	width:154px;
	padding:8px 10px 10px 22px;
	margin-bottom:7px;
}
div.menuGauche div.recherche label.titreRecherche
{
	font-family:Arial;
	font-size:11px;
	color:#FFFFFF;
}
div.menuGauche div.recherche input.textbox
{
	width:100px;
	margin-right:10px;
}
/********************************************************************/
/*	Style pour le footer											*/
/********************************************************************/
.footer 
{
    width:984px;
    height:31px;
    background:url('../Images/Nadoz/Footer/fondFooter.gif') left top no-repeat;
    padding-left:15px;
}

.footer a:link,
.footer a:active,
.footer a:visited,
.footer a:hover
{
    color:#565766;
    text-decoration:none;
}
.footer a:hover
{
    border-color:#8F8F90;
    text-decoration:none;
}

.footer a 
{
    width:120px;
    margin-top:2px;
    display:block;
    float:left;
    color:#565766;
    border-left:solid 1px #FF5900;
    font-size:1em;
    height:22px;
    background-position:5px top;
    background-repeat:no-repeat;
    padding-left:30px;
    padding-top:7px;
    text-decoration:none;
}
.footer a:hover 
{
    border-color:#8F8F90;
}

.footer a.lettreInfo
{
    padding-left:35px;
    background-image:url('../Images/Nadoz/Footer/pictoLettre_off.gif');
}
.footer a.lettreInfo:hover 
{
    background-image:url('../Images/Nadoz/Footer/pictoLettre_on.gif');
}
.footer a.nousContacter 
{
    background-image:url('../Images/Nadoz/Footer/pictoContacter_off.gif');
}
.footer a.nousContacter:hover 
{
    background-image:url('../Images/Nadoz/Footer/pictoContacter_on.gif');
}
.footer a.envoyerAmi 
{
    width:160px !important;
    background-image:url('../Images/Nadoz/Footer/pictoEnvoyerAmi_off.gif');
}
.footer a.envoyerAmi:hover 
{
    background-image:url('../Images/Nadoz/Footer/pictoEnvoyerAmi_on.gif');
}
.footer a.planSite 
{
    width:90px;
    background-image:url('../Images/Nadoz/Footer/pictoPlan_off.gif');
}
.footer a.planSite:hover 
{
    background-image:url('../Images/Nadoz/Footer/pictoPlan_on.gif');
}
.footer a.imprimer 
{
    width:100px;
    background-image:url('../Images/Nadoz/Footer/pictoImprimer_off.gif');
}
.footer a.imprimer:hover 
{
    background-image:url('../Images/Nadoz/Footer/pictoImprimer_on.gif');
}


.footer .copyright 
{
    padding:5px 10px 0 20px;
    width:180px !important;
    text-decoration:underline;
    color : #8F8F90;
    float:right;
}
/********************************************************************/
/*	Style pour le menu Nadoz										*/
/********************************************************************/
div.cadreMenuNadoz
{
    clear:both;
	float:right;
	width:328px;
	height:142px;
    margin-left:-40px !important;
	background:url(../Images/Nadoz/logoNadoz.jpg) no-repeat top left;
	font-size: 12px;
}
ul.menuNadoz
{
	display:block;
	float:right;
	padding:0;
	margin:0;
}
ul.menuNadoz li 
{
    list-style-type:none;
	width:157px;
	padding:0;
	margin:0;
	height:28px;
}
ul.menuNadoz li li
{
	height:auto;
}
ul.menuNadoz li li, ul.menuNadoz li ul
{
    margin-left:-40px !important;
    margin-top:0 !important;
    float:none;
    clear:both;
}
ul.menuNadoz a.Menu_FormationInitiale,
ul.menuNadoz a.Menu_ExplorezMetiers,
ul.menuNadoz a.Menu_FormationContinue,
ul.menuNadoz a.Menu_SecteursActivites,
ul.menuNadoz a.Menu_EspaceMedias
{
	display:block;
	width:157px;
	height:25px;
}
ul.menuNadoz ul.Fils_Menu_FormationInitiale,
ul.menuNadoz ul.Fils_Menu_ExplorezMetiers,
ul.menuNadoz ul.Fils_Menu_FormationContinue,
ul.menuNadoz ul.Fils_Menu_SecteursActivites,
ul.menuNadoz ul.Fils_Menu_EspaceMedias
{
    position:absolute;
    z-index:2;
    display:none;
    margin:-21px 0 0 -186px !important;
  
}
ul.menuNadoz ul li
{
    margin-left:0;
}
ul.menuNadoz ul li a:link,
ul.menuNadoz ul li a:active,
ul.menuNadoz ul li a:visited,
ul.menuNadoz ul li a:hover
{
    display:block;
    font-size:1em;
    font-family:Arial;
    color:#FFFFFF;
    text-decoration:none;
    font-weight:bold;
    width:156px;
    padding:5px 15px;
}
/* Couleurs des  sous-menus */
ul.menuNadoz ul a
{
	background:url(../Images/Nadoz/puce.gif) no-repeat 176px !important;
	padding:5px 15px;
	color:White;
	display:block;
	font-weight:bold;
}
/* Sous-Menu Formation Initiale */
ul.menuNadoz ul li 
{
    border-top:solid 1px #FFFFFF !important;
    width:186px !important;
}
ul.menuNadoz ul li.premier
{
    border:0 !important;
}
ul.menuNadoz ul .fils1 
{
    background-color:#5a5d75 !important;
}
ul.menuNadoz ul .fils2 
{
    background-color:#6f728a !important;
}
ul.menuNadoz ul .fils3 
{
    background-color:#83869e !important;
}
ul.menuNadoz ul .fils4 
{
    background-color:#989bb3 !important;
}
ul.menuNadoz ul a:hover 
{
    color:#FFFFFF !important;
    text-decoration:none !important;
}

/********************************************************************/
/*	Style pour le menu de gauche									*/
/********************************************************************/
div.menuGauche
{
	clear:both;
	float:left;
	padding:0;
	margin:0;
	width:186px;
}
div.menuGauche ul.menuGauche,
div.menuGauche ul
{
	list-style:none;
	padding:0;
	margin:0;
}
div.menuGauche ul.menuGauche
{
	border-bottom:0;
	border-top:0;
}

div.menuGauche ul.menuGauche a.MenuNiveau1:link,
div.menuGauche ul.menuGauche a.MenuNiveau1:visited,
div.menuGauche ul.menuGauche a.MenuNiveau1:active,
div.menuGauche ul.menuGauche a.MenuNiveau1:hover,
div.menuGauche ul.menuGauche span.MenuNiveau1
{
	margin-bottom:2px;
}
div.menuGauche ul.menuGauche li.dernier a,
div.menuGauche ul.menuGauche li.dernier span
{
	margin-bottom:0px !important;
}
div.menuGauche ul.menuGauche a.MenuNiveau1:link,
div.menuGauche ul.menuGauche a.MenuNiveau1:visited,
div.menuGauche ul.menuGauche a.MenuNiveau1:active,
div.menuGauche ul.menuGauche a.MenuNiveau1:hover,
div.menuGauche ul.menuGauche a.MenuNiveau1_Selected:link,
div.menuGauche ul.menuGauche a.MenuNiveau1_Selected:visited,
div.menuGauche ul.menuGauche a.MenuNiveau1_Selected:active,
div.menuGauche ul.menuGauche a.MenuNiveau1_Selected:hover,
div.menuGauche ul.menuGauche span.MenuNiveau1,
div.menuGauche ul.menuGauche span.MenuNiveau1_Selected
{
	display:block;
	width:154px;
	padding: 10px 14px 10px 14px;
    min-height:4px;
    height:auto !important;
    height:4px;
	
	color:#363636;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	text-decoration:none;
    
	background-color:#dcdedf;
	
    border-top:solid 2px #e9ebeb;
    border-right:solid 2px #5a5b5b;
    border-bottom:solid 2px #616262;
    border-left:solid 2px #e8e9ea;
}

div.menuGauche ul.menuGauche ul.Menu2
{
	/*background:url(../Images/bgTopNiveau2.gif) no-repeat left top;*/
	width:186px;
	padding-top:11px;
	
}
div.menuGauche ul.menuGauche ul.Menu2 li
{
/*	background:url(../Images/bgMenuNiveau2.gif) right top;*/
	padding-bottom:4px;

}

div.menuGauche ul.menuGauche a.MenuNiveau2:link,
div.menuGauche ul.menuGauche a.MenuNiveau2:visited,
div.menuGauche ul.menuGauche a.MenuNiveau2:active,
div.menuGauche ul.menuGauche a.MenuNiveau2:hover,
div.menuGauche ul.menuGauche a.MenuNiveau2_Selected:link,
div.menuGauche ul.menuGauche a.MenuNiveau2_Selected:visited,
div.menuGauche ul.menuGauche a.MenuNiveau2_Selected:active,
div.menuGauche ul.menuGauche a.MenuNiveau2_Selected:hover,
div.menuGauche ul.menuGauche span.MenuNiveau2,
div.menuGauche ul.menuGauche span.MenuNiveau2_Selected
{
	/*background:url(../Images/puceMenuNiveau2_off.gif) no-repeat 8px 4px;*/
	display:block;
	width:166px;
	padding-left:20px;
	/*color:#363636;*/
	font-size:14px;
	text-decoration:none;
}
div.menuGauche ul.menuGauche a.MenuNiveau2:hover,
div.menuGauche ul.menuGauche a.MenuNiveau2_Selected:link,
div.menuGauche ul.menuGauche a.MenuNiveau2_Selected:visited,
div.menuGauche ul.menuGauche a.MenuNiveau2_Selected:active,
div.menuGauche ul.menuGauche a.MenuNiveau2_Selected:hover,
div.menuGauche ul.menuGauche span.MenuNiveau2_Selected
{
/*	background:url(../Images/puceMenuNiveau2_on.gif) no-repeat 8px 4px;
	color:#d60071;*/
}

div.menuGauche ul.menuGauche a.MenuNiveau3:link,
div.menuGauche ul.menuGauche a.MenuNiveau3:visited,
div.menuGauche ul.menuGauche a.MenuNiveau3:active,
div.menuGauche ul.menuGauche a.MenuNiveau3:hover,
div.menuGauche ul.menuGauche a.MenuNiveau3_Selected:link,
div.menuGauche ul.menuGauche a.MenuNiveau3_Selected:visited,
div.menuGauche ul.menuGauche a.MenuNiveau3_Selected:active,
div.menuGauche ul.menuGauche a.MenuNiveau3_Selected:hover,
div.menuGauche ul.menuGauche span.MenuNiveau3,
div.menuGauche ul.menuGauche span.MenuNiveau3_Selected
{
	background:url(../Images/puceMenuNiveau3_off.gif) no-repeat 8px center;
	display:block;
	width:166px;
	padding-left:20px;
	color:#363636;
	font-size:14px;
	text-decoration:none;
	margin-left:20px;
}
div.menuGauche ul.menuGauche a.MenuNiveau3:hover,
div.menuGauche ul.menuGauche a.MenuNiveau3_Selected:link,
div.menuGauche ul.menuGauche a.MenuNiveau3_Selected:visited,
div.menuGauche ul.menuGauche a.MenuNiveau3_Selected:active,
div.menuGauche ul.menuGauche a.MenuNiveau3_Selected:hover,
div.menuGauche ul.menuGauche span.MenuNiveau3_Selected
{
	background:url(../Images/puceMenuNiveau3_on.gif) no-repeat 8px center;
	color:#d60071;
}

/********************************************************************/
/*	Style pour le plan du site										*/
/********************************************************************/
div.planDeSite
{
	width:592px;
	margin-left:32px;
	margin-top:7px;
	float:left;
}
div.planDeSite p
{
	padding:0;
	margin:0;
	text-align:justify;
	color:#565766;
}
div.planDeSite h1,
div.planDeSite h1 p
{
	border-bottom:solid 2px #000000;
	padding:0;
	margin:0;

	font-family:Arial;
	font-weight:bold;
	font-size:22px;
	color:#d60071;
	padding-top:7px;
	margin-bottom:15px;
}
div.planDeSite h1 span
{
	background:url(../Images/modeles/bgTitre1.gif) no-repeat right;
	padding-top:7px;
	padding-right:45px;
}
div.planDeSite h2,
div.planDeSite h2 p
{
	padding:0;
	margin:0;
	font-family:Arial;
	font-weight:bold;
	font-size:14px;
	font-style:italic;
	color:#3f3d41;
	text-align:right;
}
div.planDeSite div.listeRubrique
{
	margin-top:20px;
}
div.planDeSite div.listeRubrique a.niveau1
{
	display:block;
	border-top:solid 1px #000000;

	margin:20px 0px 0px 0px;

	font-weight:bold;
}
div.planDeSite div.listeRubrique a.niveau2
{
	display:block;
	margin-left:20px;
}