/***********************************
feuille de style générale Next Media
avril 2007 
***********************************/


table.toto
{
	/*border-right-style: none;
	border-right-color: black;
	border-left-style: none;
	border-left-color: black;
	border-bottom-style: none;
	border-bottom-color: black;*/
	border-top: #ff9933 1px solid;
}
table.toto td
{
	 
	border-bottom: #ff9933 1px solid;
	/*border-top: #ff9933 1px solid;
	border-top-style: solid;
	border-top-color: #ff9933;*/
}



/*********** REDEFINITIONS HTML *************/
body 
{
    background-image: url("../../images/fond.gif");
    width: 100%;
    margin: 0;
    padding: 0;
    text-align: center;
    font-family : Arial, Helvetica, sans-serif;
    font-size : 0.8em;
}

/* supprime la bordure sur les liens image */
a img
{
  border:  none ;
}
/********************************************/







/***** STYLES LIENS, TEXTES, BOUTONS,... *****/
/* style pour les elements invisibles */
.Invisible
{
    display : none;
}

.titre3
{
    font-size : 1.8em ;
    color : #FEAA27;
}

.texte2
{
    font-size : 0.7em;
}

.texte3
{
    color: Red;
}

/* style des liens */
.lien
{
    color: #808080;
    text-decoration: none;
}

/* style des liens survolés */
.lien:hover
{
    text-decoration: underline; 
}

/* boutons formulaires*/
.lienBouton
{
    border : solid 1px #aaaaaa;
    color : #000000;
    text-decoration : none;
    background-color : #ffffff;
    cursor : pointer;
}

/* boutons de formulaire survolés */
.lienBouton:hover
{}
/********************************************/







/*************** MASTER PAGE ****************/
/* cadre général */
#global 
{
    width: 950px; /* largeur du site */
    margin: 18px auto 2px auto;
    text-align: left; 
    background-color: #ffffff;
    border : solid 1px #A5A5A5;
}

/* haut de page (banniere) */
#header
{
    text-align: center;
    height:130px;
    width:950px;
}

/* menu horizontal */
#menu
{
    padding-top : 5px;
    padding-left: 180px; /* décale le commencement du menu */
    background-color : #E5E5E5;
    height : 20px;
    padding-top : 2px;
    padding-bottom : 2px;
}

/* pied de page */
#footer 
{
    color : #808080;
    font-size : 0.85em;
    margin-top : 5px;
    text-align : center;
    width : 950px;
    height : 20px;
    clear : both;
}

/* menu horizontal (style ASP) */
.MenuMap
{
   text-align : center;
}

/* style d'un element du menu horizontal */
.MenuStaticItem
{   
    margin : auto;
    height : 20px;
    text-align : center;
    color : #636363;
    background-color : #F7F7F2;
}

/* style de l'element du menu actuellement selectionné */
.MenuStaticSelect
{
    background-color : #FAEAAF;
}

/* style de survol d'un element du menu horizontal */
.MenuStaticHover
{
    color : #FEAA27;
    background-color : #FbFbFb;
}

/* style global du menu horizontal */
.MenuStatic
{}

/* style d'un element du sous menu */
.MenuDynItem
{
    text-align : left;
    height : 20px;
    color : #000000;
}

/* style de survol d'un element du sous menu */
.MenuDynHover
{
    color : #000000;
    background-color : #E5E5E5;
}

/* style global du sous menu */
.MenuDyn
{
    color : #000000;
    background-color : #FDD55C;
}


/* menu vertical de gauche */
#menuVertical
{
    float : left; 
    width : 180px;
    margin-top : 10px;
}

/* champs de saisie sur le menu vertical */
#menuVertical input
{
    font-size : 0.9em;
}

/* sous menu vertical */
#menuVertical2
{
    font-size : 0.9em;
    padding : 5px; 
    padding-top : 0px;
}

/* un module du menu vertical */
.moduleMenu
{
    background-color : #E5E8ED;
    padding : 1px; 
    border : solid 1px #7095A8;
}

/* entête d'un module du menu vertical */
.enteteModuleMenu
{
    padding-left : 2px;
    background-color : #FEAA27;
    color : white;
    font-size : 1.2em;
    font-weight : bold; 
}

/* cadre des partenaires */
.partenaires
{
    background-color : white;
    margin-right : auto;
    margin-left : auto;
    padding : 1px;
}

/* coins en haut du cadre */
.partenaires .haut
{
    color : white; 
    background-image : url(../../images/bordHautCadre.jpg); 
    background-position : top; 
    background-repeat : no-repeat; 
    height : 13px;
}

/* contenu et coins du bas du cadre */
.partenaires .bas
{
    padding : 1px;
    padding-bottom : 15px; 
    margin-bottom : 0px;
    text-align : center; 
    background-image : url(../../images/bordBasCadre.jpg); 
    background-position : bottom;
    background-repeat : no-repeat ; 
}

/* style d'un message d'alerte */
.Alerte 
{   
    position :absolute;
    width : 400px;
    min-height : 20px;
    color: #FF1632;
    background-color: #FFEFEF;
    background-image : url("../../images/warning.gif");
    background-repeat : no-repeat;
    background-position : left center;
    border : solid 1px #7095A8;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    z-index : 500;
    text-align : center;
}

/* style d'un message de sécurité = alerte */
.Securite
{   
    position :absolute;
    width : 400px;
    min-height : 20px;
    color: #FF1632;
    background-color: #FFEFEF;
    background-image : url("../../images/warning.gif");
    background-repeat : no-repeat;
    background-position : left center;
    border : solid 1px #7095A8;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    z-index : 500;
    text-align : center;
}

/* style d'un message d'alerte */
.Info
{   
    position :absolute;
    width : 400px;
    min-height : 20px;
    color: #559F07;
    background-color: #FFFFFF;
    background-image : url("../../images/valide.gif");
    background-repeat : no-repeat;
    background-position : left center;
    border : solid 1px #7095A8;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    z-index : 500;
    text-align : center;
}
/********************************************/







/********* STYLES COMMUNS DES PAGES **********/
/* zone du contenu d'une page hors Master Page 
  (style commun à toutes les pages) */
.page
{
    padding: 0;
    margin : 0;
    margin-bottom : 5px;
    margin-left : 180px;
    width : 767px; /* largeur pour navigateur <=IE6 */
    height : 395px; /* hauteur minimum pour navigateur <=IE6 */
}

/* redéfinition de la classe page pour donner les valeurs correctes 
  (seulement compris par les navigateurs récents */
html>body .page
{ 
    width : 770px; /* largeur pour navigateur >IE6 */
    min-height : 395px; 
    height : auto; /* permet l'agrandissement sur navigateur >IE6*/
}

/* sous zone du contenu d'une page hors Master Page 
   utilisé sur les pages où il y a des cadres à droite */
.page2
{
    margin-top : 10px;
    padding: 0px;
    padding-left : 20px;
    padding-right : 20px;
    float : left;
    width : 552px; /* largeur pour navigateur <=IE6 */
    height : 395px; /* hauteur minimum pour navigateur <=IE6 */
}

/* redéfinition de la classe page2 pour donner les valeurs correctes 
  (seulement compris par les navigateurs récents */
html>body .page2
{
    width : 560px; /* largeur pour navigateur >IE6 */
    min-height : 395px;
    height : auto; /* permet l'agrandissement sur navigateur >IE6*/
}

/* sous zone du contenu d'une page hors Master Page 
   utilisé sur les pages ou toute la largeur peut être exploitée */
#contenu
{
    margin-top : 10px;
    padding : 0px;
    padding-left : 20px;
    padding-right : 20px;
    float : left;
    width : 724px; /* largeur pour navigateur <=IE6 */
}

/* redéfinition de la classe contenu pour donner les valeurs correctes 
  (seulement compris par les navigateurs récents */
html>body #contenu
{
    width : 730px; /* largeur pour navigateur >IE6 */
}

/* entête des pages (image) */
.barreEntete
{
    background-image : url(../../images/entetePage.gif) ;
    background-repeat : repeat-x;
    background-position : bottom;
    height : 11px;
    min-height : 11px;
    width : 100%;
    padding : 0;
    margin-bottom : 5px;
}

/* sections de page (section = titre + texte) */
.section
{
    padding-bottom : 10px;
    padding-top : 10px;
    text-align : justify;   
}

/* entête des sections de page  (=titre section) */
.section .entete
{
    font-weight : bold;
    padding-top : 2px;
    padding-bottom : 2px;
    color : #FEAA27;
    font-size : 1.2em;      
}
/********************************************/







/*************** PAGE ACCUEIL ***************/
/* style du cadre edito */
#edito
{
    padding-top : 10px;
    padding-bottom : 20px;
    text-align: justify; 
}

#actualites
{
    padding-top : 10px;
}

/* un titre de rubrique sur la page d'accueil */
.titreAccueil
{
    padding-left:12px;
    color:#000000;
    font-weight:bold;
    background-color:#E5E8ED;
    background-image:url(../../images/puce.gif);   
    background-repeat : no-repeat;
    background-position:left center;
}

/* style des cadres avecd fond coloré à droite sur la page d'accueil */
.cadreDroiteAccueil2
{
    float : right; 
    width : 148px;
    margin : 5px;
    margin-top : 10px;
    padding : 5px;  
    border : solid 1px #7095A8; 
    background-color :  #E5E8ED;/*#F7F7F2;*/
    text-align : justify;
}

/* style des cadres simples à droite sur la page d'accueil */
.cadreDroiteAccueil
{
    float : right; 
    width : 160px;
    margin : 5px;
    margin-top : 10px;
    background-image : url(../../images/bordBasCadre2.jpg); 
    background-position : bottom;
    background-repeat : no-repeat ;  
    background-color :  #FFFFFF;
    text-align : justify;
}

/* haut du cadre */
.cadreDroiteAccueil .haut
{
    background-image : url(../../images/bordHautCadre2.jpg); 
    background-position : top; 
    background-repeat : no-repeat; 
    height : 13px;
}

/* bas du cadre */
.cadreDroiteAccueil .bas
{
    padding : 10px; 
    padding-bottom : 15px; 
}

/* une actualité sur l'accueil */
.actualiteAccueil
{
    padding : 0;
    margin-bottom : 4px;
    padding-bottom : 4px;
    padding-top : 4px;
    border-bottom : dashed 1px #E5E5E5;
    width : 100%;
}

/* redéfinition de la balise p pour la zone des actus */
.actualiteAccueil p
{
    padding : 0;
    margin : 0;
}

/* titre d'une actualité */
.actualiteAccueil .titre
{
    color : #FEAA27;
    font-weight : bold;
    text-decoration : none;
}

/* texte d'une actualité */
.actualiteAccueil .texte
{
    text-align : justify;
}
/********************************************/







/************** PAGE ACTUALITES *************/
/* une actualité */
.actualite
{
    text-align : justify;
    background-color : #FFFFFF;
    padding-top : 10px;
    padding-bottom : 10px;
    /*border-bottom : dashed 1px #E5E5E5;*/
}

/* le titre d'une actualité */
.titreActu
{
    font-weight : bold;
    padding-top : 2px;
    padding-bottom : 2px;
    color : #FEAA27;
    font-size : 1.2em;
}

/* l'image d'une actualité */
.imageActu
{
    padding-top : 2px;
    padding-bottom : 2px;
}

/* l'entête d'une actualité */
.enteteActu
{
}

/* le texte d'une actualité */
.texteActu
{
    padding-top : 5px;
    padding-bottom : 2px;
    text-align : justify;
}

/* le cadre de pagination */
#pagination
{
    text-align : center;
    clear: both;
}
/********************************************/







/*************** PAGE CONTACT ***************/
/* cadre du min plan */
#plan
{
    padding:1px;  
    margin-right : 50px;
    margin-top : 10px;
    float : right;
    /*border: solid 1px #FEAA27; */
}
/********************************************/







/************** PAGE FORMATION **************/
/* cadres de droite */
.cadreDroiteFormation
{
    float : right; 
    width : 148px;
    margin : 5px;
    margin-top : 10px;
    padding : 5px;  
    border : solid 1px #7095A8; 
    background-color : #F7F7F2;
    text-align : justify;
}

/* cadre d'une catégorie de formation */
.domaine
{
    padding-top : 5px;
    padding-bottom : 2px;
    padding-left : 20px;
}

/* entête d'une catégorie de formation (plié)*/
.domaine .enteteDomaine
{
    color : black;
    cursor : pointer;
    padding-left : 14px;
    background-image : url(../../images/Puce.gif);
    background-repeat : no-repeat;
    background-position : left center ;
}

/* variation de l'entête d'une catégorie de formation (déplié)*/
.domaine .enteteDomaine2
{
    color : black;
    cursor : pointer;
    padding-left : 14px;
    background-image : url(../../images/Puce2.gif);
    background-repeat : no-repeat;
    background-position : left center ;
}

.enteteDomaine:hover
{
    text-decoration : underline;
}

.enteteDomaine2:hover
{
    text-decoration : underline;
}

.texteDomaine
{
    margin-top : 2px;
    margin-left : 10px;
    padding-left : 10px;
    padding-top : 3px;
    padding-bottom : 3px;
    border-left : dashed 1px orange;
}

.texteDomaine p
{
    padding : 0px;
    margin : 0px;
}
/********************************************/

span.motcle
{
	/*color : #FEAA27;*/
	color: #ff6600;
}





/************* PAGE RECOMMANDER *************/
/* style pop up recommander */
#popUpRecom
{
    padding-left: 20px; 
    text-align:left; 
    margin: 10px; 
    background-color : #FFFFFF;
}
/********************************************/




/*************** PAGE D'ERREUR **************/
/* cadre globale de la page d'erreur */
#erreur 
{
    text-align:center;
}

/* style des div dans le cadre erreur */
#erreur div 
{
    background : #E5E5E5;
    margin-bottom : 1em;
    margin-left : auto;
    margin-right : auto;
    padding : 0.5em;
    width : 350px;
}

/* redéfinition de la balise p et de la balise h2 */
#erreur div p, #erreur div h2 
{
    margin-bottom:0.4em;
}
/********************************************/