*
{
    margin: 0;
    padding: 0;
    border: 0;
}
body
{
    background-color: #ffffff;
    font-family: Tahoma, Arial, Sans serif;
    font-size: 12px;
}

ul, p, h1, h2, h3, h4, h5, h6
{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
p
{
    text-align: justify;
}
li
{
    margin-left: 20px;
}
h1
{
	font-size: 180%;
}
h2
{
	font-size: 150%;
}
h3
{
	font-size: 130%;
}
h4
{
	font-size: 110%;
}
h5
{
	font-size: 100%;
}
h6
{
	font-size: 90%;
}
table
{
    border-collapse: collapse;
}

.select
{
    border: solid 1Px #cdcdcd;
}
div#cadre
{
    width: 1000px; /*border: solid 1px red;*/
}
div#entete
{
    height: 210px;
}

/* Bloc adresse en haut à droite */
div#adresse
{
    position: absolute;
    top: 3px;
    left: 800px; 
    color:#ffffff;
    font-size: 12px;
    text-align: right;
}
div#marquee
{
    margin-top: 20px; 
    font-size: 20px;
    white-space: nowrap;
    
}

/* image bienvenue en page d'accueil */
.bienvenue
{
    margin: 40px;
}

div#pied
{
    border-top: solid 1px #333333;
    color: #999999;
    font-size: 10px;
}
div#pied a
{
    color: #999999;
}
div#menubas
{
    padding: 2px 5px;
}
div#menubas a
{
    text-decoration: none;
}
div#copyright
{
    padding: 0 5px;
    color: #999999;
}
div#w3c
{
    
    padding: 5px;
    color: #999999;
}

/* actualités en page d'accueil */
.actu
{
    color: #ffffff;
    padding: 15px 15px 40px 15px;
    margin: 0 5px;
}
.actu a
{
    color: #dedede;
}
.actu a:hover
{
    color: #ffffff;
}
.actu img
{
    margin-right: 5px;
}
.actu-gauche 
{
    padding:10px 20px 0 0;
}
.actu-droite 
{
    padding:10px 0 0 20px;
}

/* video en page d'accueil */
.video
{
    width: 430px;
    height: 330px;
}

/* recherche de formation en page d'accueil */
.recherche
{
    text-align: center;
    line-height: 24px;
}
.recherche select
{
    font-size: 11px;
}
/* skidoo */
.clear
{
    clear: both;
}
#conteneurExterieur
{
    border-left: solid 200px #eeeeee; /* left column's width and background color */
    border-right: solid 200px blue; /* right column's width and background color */
}

#conteneurInterieur
{
    /* force this element to take the full width between the left and right columns.     this is especially important as children of this element will have width:100%;     set, and how that 100% value is interpreted depends on the width of it's parent (this element). */
    width: 100%;
}

#conteneurSourceOrder
{
    float: left; /* float left so the right column, which is 						   outside this element, has a place to go. */
    width: 100%; /* force this to go as wide as possible */
}
#gauche
{
    float: left; /* float left, where it'll live */
    margin-left: -200px; /* move it further left. the value here should 						   be the same value as the left border width 						   on #conteneurExterieur, but negative */
    width: 200px; /* need to set a definite width, should be the 						   same width as the left border width on 						   #conteneurExterieur */
}
#centre
{
    float: right; /* middle column goes right of the left column 						   since the two share the same parent  						   element */
    width: 100%; /* make the middle column as wide as possible 						   for a fluid layout. this is not possible 						   if it's parent element,  						   #conteneurSourceOrder, wasn't also at 						   100% width */
}
#droite
{
    float: right; /* float on the right side of the layout */
    margin-right: -200px; /* move it further right. the value here should 							   be the same value as the right border width 							   on #conteneurExterieur, but negative */
    width: 200px; /* need to set a definite width, should be the 							   same width as the right border width on 							   #conteneurExterieur */
}
#gauche, #droite
{
    position: relative; /* resolve issues with links in left and right 						   columns not being clickable in Safari */
}

/* sans colonne à droite */
/*#droite
{
    display: none;
}
#conteneurSourceOrder
{
    margin: 0; 
}
.conteneurInterieur, .conteneurExterieur 
{ 
    border-right-width: 0; 
}
*/

/* menu principal */
div#menu
{
    position: absolute;
    z-index: 99;
    top: 196px;
    left: 103px;
    height: 30px;
    width: 880px;
}
div#menu a
{
    display: block;
    float: left;
    height: 30px;
    background-repeat: no-repeat;    
}
div#menu a:hover
{
    background-position: bottom left;
}
.bouton
{
    display: block;
    background-repeat: no-repeat;    
}
.bouton:hover
{
    background-position: bottom left;
}

/* Diaporama */
.diaporama 
{
    margin: 20px 10px;
    width: 283px;
    height: 197px;
    text-align: center;
    float: left;
}

.diaporama img       
{ 
    margin: 12px 10px 10px 15px; 
    /*filter: blendTrans(duration=1); */
}

/* logo UIMM Paca */
.uimm-paca
{
    display: block;
    float: left;
    margin: 34px 0;
}

/* tableau salaires page apprentissage */
.apprentissage-table td
{
    border:solid 1px #999;
    padding:5px;
}

/* liste des formations page formation */
.formations-liste
{
    padding: 20px; 
}
.formations-liste td
{
    padding: 5px 0;
}
.formations-liste td img
{
    margin: 5px 3px 0 0;
}

.formations-liste-formation td
{
    padding: 2px 0 2px 14px;
}
.formations-liste-formation td a
{
    display: block; 
    color: #ffffff;
    text-decoration: none;
}
.formations-liste-formation td a:hover
{
    margin-left: 10px;
    color: #ffffff;
}
.formations-liste-formation table td a:hover {
    padding-left: 10px;
    background-image: url(images/bullet-li.gif);
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
}

/* -------------- Détail d'une formation ---------------- */
.formations-detail
{
    position: relative;
    margin: 50px 0 20px 20px;
}

.formations-detail h3
{
    background-color: #cccccc;
    margin: 0;
    padding: 0 0 0 5px;
}
.formations-detail h3 span
{
    color: #666666;
    font-size: 16px;
    font-weight: normal;
}

.formations-detail h4
{
    background-color: #cccccc;
    margin: 0;
    padding: 0 0 0 5px;
    border-bottom: solid 1px #fff;
}
.formations-detail h4 span
{
    color: #fff;
    font-size: 12px;
}

.formations-detail p
{
    color: #333333;
    margin: 5px 0 5px 15px;
}

.formations-detail table
{
    width:100%;
}

.formations-illustration
{
    position: absolute;
    top: -20px;
    left: 580px;
    width: 146px;
    height: 109px;
}

.formations-illustration img
{
    margin:12px 0 0 12px;
}

.formations-defaut
{
    position: relative;
    margin: 50px 0 20px 20px;
}

/* ----------- Page de résultats de recherche ------------ */
.formations-resultats
{
    position: relative;
    margin: 50px 0 20px 20px;
}
.formations-resultats h3
{
    background-color: #cccccc;
    margin: 0 0 10px 0;
    padding: 5px 0 5px 5px;
}
.formations-resultats h3 span
{
    color: #ffffff;
    font-size: 13px; 
}
.formations-resultats h2
{
    margin: 0;
    padding: 10px 0 0 5px;
}
.formations-resultats h2 span
{
    font-size: 11px; 
    color: #666666;
}
.formations-resultats h2 img
{
    margin-right: 3px;
}
.formations-resultats p
{
    margin: 0;
    padding: 0 0 0 5px;
}

.formations-resultats a
{
    display: block;
    padding: 0 0 0px 5px;
}

/* formations page autres niveaux */
.formations-autres-niveaux
{
    position: relative;
    margin: 50px 0 20px 20px;
}

/* formations fiches pdf */
.formations-pdf
{
    margin: 15px 0;
}
.formations-pdf img
{
    vertical-align: middle;
}

/* page partenaires */
.partenaires-titre-groupe
{
    background-repeat: no-repeat;
    width: 770px;
    margin: 20px 0 10px 0;
    padding: 10px;
    height: 50px;
}
.partenaires-titre-groupe p
{
    margin: 15px 0 0 0;
    padding: 0;
}
.partenaires-titre-groupe h4
{
    margin: 0;
    padding: 0;
    color: #ffffff;
}
.partenaires-detail
{
    padding: 0 0 0 20px;
}
.partenaires-detail img
{
    width: 100px;
}
.partenaires-detail table
{
    width:750px;
    border-collapse:separate;
}
.partenaires-detail table td
{
    padding:10px;
    text-align:justify;
}

/* Illustration page Contacts */
.contacts-texte
{
    padding-top: 30px; 
}

.contact-illustration
{
    background-repeat: no-repeat;
    padding: 14px;
}

/* bouton pour fermer le popup plan */
.plan-fermer-bouton
{
    display: block; 
    width: 77px;
    margin: 0 auto;
    height: 30px;
}

/* Journal */
.journal-cadre
{
    position: relative;
    margin: 50px 0 20px 20px;
}
.journal-titre
{
    margin: 10px 0;
    padding: 0 0 0 20px;
    background-repeat: no-repeat;
    height: 46px;
    width: 536px;
    line-height: 42px;
}

.journal-titre h3
{
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

.journal-editorial
{
    width: 530px;
    height: 400px;
    float: left;
    padding: 5px;
}
.journal-redaction
{
    width: 190px;
    height: 400px;
    float: right;
    padding: 5px;
    border-left: solid 1px gray;
}

/* --------- Treeview Nodes ---------- */
.rootnode a
{
    font-size: 12px;
    font-weight: bold;
    color: #000000;
}

.rootnode a:hover
{
    color: #000000;
}

.leafnode a
{
    font-size: 11px;
    color: #ffffff;
}
.leafnode a:hover
{
    padding-left: 11px;
    background-repeat: no-repeat;
    background-position: 0 0;
    color: #ffffff;
}

.selectednode a
{
    padding-left: 10px;
    background-image: none;
    font-weight: bold;
}
.selectednode a:hover
{
    padding-left: 10px;
    background-image: none;
    font-weight: bold;
}

/* Visite du Centre */
.visite-cadre
{
    position: relative;
    margin: 50px 0 20px 20px;
}

.vignettes
{
    float:left;
    width:232px;
    padding: 10px;
}

.vignettes img
{
    position: absolute;
    overflow:visible;
    width:68px;
    height:50px;
    border:solid 1px black;
    /*margin:7px 1px;*/
    top:0;
    left:0;
    padding:7px 1px 7px 1px;
}
.cadre-vignette
{
    position: relative;
    float:left;
    height:68px;
    width:70px;
    margin-bottom:2px;
    background-image:url(~/images/visite-vignette-fond.gif);
    background-repeat:no-repeat;
}
.zoom
{
    float: left;
    width: 320px;
    height: 315px;
}
.zoom img
{
    margin:20px 0 0 10px;
}
.visite-bouton-marche
{
    float: left;
    height: 34px;
    width: 34px;
}
.visite-bouton-arret
{
    float: left;
    height: 34px;
    width: 34px;
}
.visite-bouton-reset
{
    float: left;
    height: 34px;
    width: 34px;
}
.visite-titre
{
    margin: 10px 0;
    padding: 0 0 0 20px;
    background-repeat: no-repeat;
    height: 46px;
    width: 536px;
    line-height: 42px;
}

.visite-titre h3
{
    color: #fff;
    font-size: 16px;
    margin: 0;
    padding: 0;
}

/* Simulation financière */
.simulation
{
    position: relative;
    float: left;
    width: 600px;
}
.simulation-contenu
{
    position: absolute;
    top: 0px;
    margin: 60px 0 0 20px;
    color: #fff;
    width: 535px;
}

.simulation-fond-apprenti
{
    position: relative;
    height: 434px;
    width: 575px;
    margin-top:20px;
}

.simulation-bouton-entreprise
{
    width: 225px;
    height: 29px;
    margin-left: 240px;
}

.simulation-fond-entreprise
{
    position: relative;
    height: 434px;
    width: 575px;
    margin-top: 20px;
}

.simulation-bouton-apprenti
{
    width: 225px;
    height: 29px;
    margin-left: 23px;
}

.simulation-table-parametres 
{
}
.simulation-table-parametres td
{
    color: #fff;
    text-align: left;
    height: 20px;
}
.simulation-table-resultats
{
    border: solid 1px white;
    margin: 10px 0 20px 0;
}
.simulation-table-resultats td
{
    border: solid 1px white;
    color: #fff;
    text-align: center;
    height: 20px;
}