/* -----------CSS----------------------- */







/* ---------ELEMENTS COMMUNS------------*/



body

{

position:absolute;

font-family: arial, sans-serif ;

font-size: 12px ;

color:#333;

/*permet de centrer le site quelque soit la résolution*/

left: 50%; 

margin-left: -492px;

}



*

{

padding: 0; /* espacement*/

margin: 0; /* marges */

}



/* liens */

a {

text-decoration: none;

color:#000000;

}



img {

margin:0px;

border: 0px;

}



.gras {

font-weight:bold;

}

.gras2 {

font-weight: bold;

font-family: verdana;

color: #00ABEA;

}



.quatorze {

font-size:14px;

}



.onze{

font-size:11px;

}



.souligne_gras {

font-weight:bold;

text-decoration:underline;

}



.italic {

font-style:italic;

}



.align_vertical {

vertical-align:15%;

padding-left:2px;

}



.align_centre{

display:block;

text-align:center;

}

/*--------------------------------



            CONTENEURS



--------------------------------*/







/* container global de la page : contient l'image de fond*/



#container



{

background-image:url(design/fond_site.jpg);

width: 985px ;

height: 1022px;

padding: 0px;

margin:0px;

position: relative;

}







/* banniere de la page(partie haute) */



#banniere{

width: 985px ;

height: 133px ;

padding: 0px;

margin:0px;

position: relative;

}







/* container du menu de gauche */



#menu_gauche{

width: 171px;

height: 703px;

position: relative;

top: 0px;

left: 0px;

}







/* ------------------    MENU  HAUT --------------------  */



#menu_haut{

text-align:center;

position: absolute;

width: 556px;

height: 31px;

top: 136px;

left: 190px;

margin-top:5px;

padding:0px;

}





#menu_haut li{

display:inline;

list-style-type:none;

font-size:14px;

font-family:Verdana;

font-weight:bold;

}



#menu_haut a{

margin-right:20px;

padding-left:10px;

padding-right:10px;

text-decoration:none;

color: #fff;

}



#menu_haut a:hover{

color: #666;

background: transparent url('design/onglet_menu_h.gif') ;

}



/* container de la page centrale, contenant le centre(catalogue) + interview + evenements */



.centre

{

position: absolute;

width: 600px;

height: 354px;

top: 192px;

left: 193px;

}



/*bloc de la page presentiel.php*/

#presentiel

{

position: relative;

width: 479px;

height: 201px;

top: 0px;

left: 60px;

background-image: url(design/presentiel/bkg_presentiel.jpg);

}



/*bloc de la page mediatheque.php*/

#mediatheque

{

position: relative;

width: 520px;

height: 233px;

top: 0px;

left: 50px;

background-image: url(design/mediatheque/bkg_mediatheque.jpg);

}



#ebooks_must

{

position: relative;

width: 590px;

height: 300px;

top: 0px;

left: 0px;

overflow:auto;

}



.intervenant

{

position: absolute;

width: 600px;

height: 631px;

top: 170px;

left: 190px;

}



.scrol

{

height:400px;

width:590px;

position:relative;

top:0px;

left:0px;

}



.scrol a {

text-decoration:underline;

color:#333;

}

.scrol a:hover {

color:#F69B19;

}



.conseil_peda {

font-size:10px;

font-weight:bold;

text-align:center;

}



/**.centreaccueil

{

position: absolute;

width: 600px;

height: 631px;

top: 170px;

left: 190px;

font-size:14px;

} **/



.centreaccueil{

position: absolute;

width: 600px;

height: 800px;

top: 171px;

left: 191px;

text-align:center;

}



.centre ul {

padding-left:20px;

}



.centre li {

padding-bottom: 5px;

}



.lien_info {

font-weight: bold;

font-family: verdana;

text-decoration: underline;

color: #333;

}



.lien_info:hover {

font-weight: bold;

font-family: verdana;

text-decoration: underline;

color: #F6B62E;

}



.lien_management {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_management:hover {

font-weight: bold;

font-family: verdana;

color: #00ABEA;

}



.lien_communication {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_communication:hover {

font-weight: bold;

font-family: verdana;

color: #768ABE;

}



.lien_devperso {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_devperso:hover {

font-weight: bold;

font-family: verdana;

color: #768ABE;

}



.lien_marketing {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_marketing:hover {

font-weight: bold;

font-family: verdana;

color: #F57E20;

}



.lien_formation {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_formation:hover {

font-weight: bold;

font-family: verdana;

color: #145081;

}



/*container du chèque page offre inter*/

#cheque {

position:absolute;

top:420px;

left:205px;

width:123px;

height:150px;

}



.lien_inter {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_inter:hover {

font-weight: bold;

font-family: verdana;

color: #fff;

}



.lien_inter_vert {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_inter_vert:hover {

font-weight: bold;

font-family: verdana;

color: #99D813;

}



.offre_vert {

color: #99D813;

font-weight:bold;

}



.lien_inter_orange {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_inter_orange:hover {

font-weight: bold;

font-family: verdana;

color: #FBA149;

}



.lien_inter_rouge {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_inter_rouge:hover {

font-weight: bold;

font-family: verdana;

color: #FB4951;

}



.offre_rouge {

color: #FB4951;

font-weight:bold;

}



.lien_inter_bleu {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_inter_bleu:hover {

font-weight: bold;

font-family: verdana;

color: #4D6EA6;

}



.offre_bleu {

color: #4D6EA6;

font-weight:bold;

}



.titre_presentation {

color: #4D6EA6;

font-weight:bold;

font-size:14px;

}

.titre_presentation2 {

color: #774499;

font-weight:bold;

font-size:14px;

}

.titre_presentation16 {

color: #774499;

font-weight:bold;

font-size:16px;
align: left

}



.lien_inter_orange {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_inter_orange:hover {

font-weight: bold;

font-family: verdana;

color: #FF7200;

}



.offre_or {

color: #FF7200;

font-weight:bold;

}



.lien_inter_marron {

font-weight: bold;

font-family: verdana;

color: #333;

}



.lien_inter_marron:hover {

font-weight: bold;

font-family: verdana;

color: #AE7466;

}



.offre_marron {

color: #AE7466;

font-weight:bold;

}



.lien_offre {

font-weight: bold;

font-family: arial;

font-size:18px;

color:#1C418E;

text-decoration:none;

}



.lien_offre:hover {

font-weight: bold;

font-family: arial;

font-size:18px;

color:#fff;

text-decoration:none;

}



.plus_petite {

font-weight: bold;

font-family: arial;

font-size:12px;

}



.dates_inter {

font-family:arial;

font-size:12px;

color:#FFFFFF;

font-weight:bold;

}



.carnet_rouge {

color:#FB4951;

}



.carnet_jaune {

color:#FBA149;

}

.carnet_vert {

color:#76C21D;

}



.align_centre

{

text-align:center;

font-weight:bold;

}



.offre_orange {

font-size:20px;

color:#FF7300;

font-weight:bold;

text-decoration:underline;

}



.offre_orange:hover {

font-size:20px;

color:#0B1880;

font-weight:bold;

text-decoration:underline;

}



.gris_accueil {

color:#333;

font-weight:bold;

font-size:15px;

}



.orange_accueil {

color:#FF7300;

font-weight:bold;

font-size:15px;

}





/* englobe les paramètres communs des conteneurs suivants*/



#formation, #evenement, #interview

{

position: absolute;

border: 1px solid #C0C0C0;

}







/* container du catalogue de formations (dans le centre)*/



#formation

{

width: 580px;

top: 600px;

left: 10px;

padding-bottom: 5px;

}



/*bloc petit dejeuner*/



#dejeuner

{

position : absolute;

width: 600px;

top: 190px;

left: 200px;

padding-bottom: 5px;

color:#000066;

}



#dejeuner ul {

padding-left:20px;

}



#dejeuner a {

text-decoration:underline;

font-weight:bold;

}



#dej_scrol

{

height:400px;

width:590px;

position:relative;

top:0px;

left:0px;

background-color: #DBDEED ;

overflow:scroll;

}

/*bloc *intra*/

#intra{

position : absolute;

width: 600px;

top: 190px;

left: 200px;

}

#intra a {

text-decoration:underline;

font-weight:bold;

color:#333;

}

#intra a:hover {

color:#F69B19;

}

#intra_top_left li

{

background-image: url(design/intra/onglet.gif);

background-repeat:no-repeat;

list-style:none;

width:173px;

height:34px;

color:#fff;

font-weight:bold;

padding-top:10px;

text-align:center;

font-size:11px;

}

#intra_top_right

{

position:absolute;

left:180px;

top: 190px;

width:400px;

color:#333;

font-weight:bold;

font-size:11px;

}



#intra_top_right li{

list-style:none;

height:34px;

padding-top:5px;

padding-bottom:5px;

}



#intra_scrol

{

height:400px;

width:590px;

position:relative;

top:0px;

left:0px;

overflow:scroll;

}



#intra_scrol_left li

{

background-image: url(design/intra/onglet2.gif);

background-repeat:no-repeat;

list-style:none;

width:173px;

height:60px;

font-weight:bold;

padding-top:10px;

text-align:center;

font-size:11px;

}

#intra_scrol_right

{

position:absolute;

left:180px;

top:285px;

width:390px;

color:#333;

font-weight:bold;

font-size:11px;

}



#intra_scrol_right li{

list-style:none;

height:60px;

padding-top:5px;

padding-bottom:5px;

}

.intra_scrol_bleu {

color:#008DAD;

}

.intra_scrol_vert {

color:#647E43;

}

.intra_scrol_rouge {

color:#DE233D;

}

.intra_scrol_violet {

color:#9E1268;

}



.puce01_intra_scrol

{

margin-left:34px;

list-style-type:circle;

}

.puce02_intra_scrol

{

margin-left:21px;

list-style:none;

font-weight:bold;

}

.intra_orange {

color:#F69B19;

}



/*bloc offre inter*/

#inter

{

position : absolute;

width: 583px;

top: 180px;

left: 200px;

padding-bottom: 5px;

color:#333;

}



.management_inter {

color:#00ABEA;

font-weight: bold;

font-family: verdana;

font-size: 12px;

}

.communication_inter {

color:#768ABE;

font-weight: bold;

font-family: verdana;

font-size: 12px;

}

.marketing_inter {

color:#F57E20;

font-weight: bold;

font-family: verdana;

font-size: 12px;

}

.formateurs_inter {

color:#145081;

font-weight: bold;

font-family: verdana;

font-size: 12px;

}



/*bloc elearning */

#elearning

{

position : absolute;

width: 590px;

top: 180px;

left: 191px;

padding-bottom: 5px;

background-image: url('design/elearning.jpg') ;

background-repeat: no-repeat;

}

#elearning ul

{

margin-top:10px;

margin-left:20px;

}

#elearning ul li

{

margin-top:6px;

}

#elearning ul li ul

{

margin-top:0px;

margin-left:20px;

}

#elearning_scrol

{

height:200px;

width:590px;

position:relative;

top:0px;

left:0px;

}

#elearning a {

text-decoration:underline;

font-weight:bold;

color:#FF6600;

}



#elearning a:hover{

text-decoration:underline;

font-weight:bold;

color:#333333;

}



#elearning span a {

text-decoration:underline;

font-weight:bold;

color:#333333;

}

#elearning span a:hover {

text-decoration:underline;

font-weight:bold;

color:#FF6600;

}



/* container évènement*/



#evenement

{

width: 275px;

height: 160px;

padding-bottom:5px;

padding-right:5px;

top: 535px;

left: 10px;

}





/* container interview*/



#interview

{

width: 275px;

height: 160px;

padding-bottom:5px;

padding-right:5px;

top: 535px;

left: 310px;

}



/*bloc offre exceptionnelle*/



#offre_excep

{

position : absolute;

width: 600px;

top: 190px;

left: 200px;

text-align:left;

padding-bottom: 5px;

color:#000066;

}



/* blocs petit dej bulletin d'inscription*/



#cont_bulletin

{

width:100%;

text-align:center;

}





#bulletin

{

position: relative;

top:20px;

}



#form_bul

{

position: relative;

top:20px;

}

/* container de la partie de droite */



#droite{

width: 189px;

height: 670px;

position:absolute;

top: 180px;

left: 796px;

}



/*--------------------------------POLICES--------------------------------*/





/* définition communes des polices*/



h1,h2,h3,h4,h5,h6 {

font-family:Verdana;

font-size:10px;

color:#000;

}





/* police des titres des menus : ACCUEIL, ACTIV'PARTNERS...*/



h1 {

font-size: 13px;

color: #fff;

text-align:right;

width: 171px;

margin:0;

padding-top: 10px;

padding-bottom: 10px;

padding-right:  0px;

vertical-align: 50%;

}







.orange_gras



{    font-size:12px;    color:#FF7300;    font-weight:bold;       text-decoration:underline;}



.orange_gras_dej



{    font-size:20px;    color:#FF7300;    font-weight:bold;}

.orange_gras_dej2



{    font-size:14px;    color:#FF7300;    font-weight:bold;}



.orange_gras_titre



{    font-size:17px;    color:#FF7300;    font-weight:bold;}







.orange_gras:hover



{  color:#FF9933;}







.orange_gras_nc



{    font-size:12px;    color:#FF7300;    font-weight:bold;}







.orange_oblique



{   font-family:arial; font-size:12px;    color:#FF8400;



    margin-bottom:9px;



}







.orange_oblique2



{   font-family:arial; font-size:12px;    color:#FF8400;



}                                              /* #FF7300 */







.blanc



{   font-family:arial;   font-size:11px;    color:#FFFFFF;    font-weight:bold;



    margin-bottom:9px; }







.noir_gros



{    font-size:16px;    font-weight:bold;}







.noir_titre



{    font-size:16px;    font-weight:bold;}







.noir_titre:hover



{  color:#FF9933; }







.noir_lien



{ font-weight:bold; }







.noir_lien:hover



{ color:#FF9933; }







.bleu

{

font-weight:bold;

color:#000066;

}



.bleu_moy

{

font-weight:bold;

font-size:14px;

color:#000066;

}



.bleu_titre

{

font-size:18px;

font-weight:bold;

color:#000066;

}







/* police Texte Défilant */



#T_defil{



    font-size:18px;     font-style:oblique;



    color: #000000;



  }







/* -------------BANNIERE HAUT--------------*/



#ban_texte {

  width: 549px ;

  height: 90px ;

  padding:0px;

  margin:0px;

  position: relative;

  left:235px;

  top:22px; }



#ban_texte img {

  display:inline;

 }



#opqf {

width: 200px;

height:70px;

position:absolute;

left:785px;

top:16px;

}



#opqf a{

display:block;

width: 200px;

height:70px;

}







/* ------------MENU-----------*/



/* -----------    MENU  GAUCHE --------  */





/* fond des grands titres du menu gauche */

.titre

{

position:relative;

margin-bottom:10px;

width: 171px;

padding-top: 10px;

padding-bottom: 11px;

padding-right:  10px;

vertical-align: 50%;

background:url(design/titre_menu.jpg);

background-repeat: no-repeat;

left:1px;

}

.titreact

{

position:relative;

margin-bottom:10px;

width: 171px;

padding-top: 10px;

padding-bottom: 11px;

padding-right:  10px;

vertical-align: 50%;

background:url(design/titre_menuact.jpg);

background-repeat: no-repeat;

left:1px;

}

.sansfond_titre

{

position:relative;

margin-bottom:10px;

width: 174px;

padding-top: 10px;

padding-bottom: 11px;

padding-right:  5px;

vertical-align: 50%;

left:1px;

}



#menu_gauche a {

margin-right:0px;

color:#fff;

}



#menu_gauche a:hover {

margin-right:0px;

color:#063e71;

text-decoration:underline;

}



.a_menu_titre{

font-weight:bold;

font-size:14px;

}



#menu_gauche ul{

text-align: right;

}



#menu_gauche li{

list-style-type: none;

}



#menu_gauche li a {

padding-right: 10px;

font-family:Verdana;

font-weight:bold;

font-size:12px;

color: #333;

text-decoration: none;

display: block;

width:165px;

height:23px;

}



#menu_gauche li a:hover {

color: #666;

}





#mise_jour{

position:relative;

width:162px;

height:30px;

top:40px;

left:0px;

font-size:11px;

text-align:right;

}



/* ------------------    MENU  DROITE --------------------  */





#moteur_recherche{

text-align:center;

}



#moteur_recherche input{

border:1px solid #333;

font-family:verdana;

}



.input_saisie {

padding-left:2px;

padding-top:2px;

color:#333;

font-size:11px;

margin-bottom:10px;

width:360px;

height:15px;

}



.input_saisie2 {

padding-left:2px;

padding-top:2px;

color:#333;

font-size:11px;

margin-bottom:10px;

}



.input_submit {
background-color:#666;
font-weight:bold;
color:#fff;
font-size: 13px; 
font-family:Arial;
text-align:left

}

.input_submit16 {
background-color:#187D9E;
font-weight:bold;
color:#fff;
font-size: 13px; 
font-family:Arial;
text-align:left

}

.input_submit17 {
background-color:#187D9E;
font-weight:bold;
color:#fff;
font-size: 16px; 
font-family:Arial;
text-align:left

}



#liens_droite {

position:relative;

left:0px;

width:189px;

}



#liens_droite a {

margin-right:0px;

color:#fff;

}



#liens_droite a:hover {

margin-right:0px;

color:#063e71;

text-decoration:underline;

}



#liens_droite ul{

text-align: left;

}



#liens_droite li{

list-style-type: none;

}



#liens_droite li a {

padding-left: 10px;

font-family:Verdana;

font-weight:bold;

font-size:12px;

color: #333;

text-decoration: none;

display: block;

width:179px;

height:23px;

}


.liens_droite2 a {

padding-left: 10px;

font-family:Verdana;

font-weight:bold;

font-size:12px;

color: #333;

text-decoration: none;

display: block;

width:179px;

height:43px;

}


#liens_droite li a:hover {

color: #666;

text-decoration:underline;

}



#liens_droite h1 {

text-align:left;

padding-left: 10px;

padding-top:10px;

padding-bottom: 3px;

height:36px;

width:189px;

font-family:Verdana;

font-weight:bold;

font-size:13px;

color: #fff;

text-decoration: none;

background-image:url(design/titre_menu4.jpg);

background-repeat:no-repeat;

}



#liens_droite h2{

text-align:left;

padding-left:10px;

padding-top:0px;

padding-bottom: 3px;

height:45px;

width:189px;

font-family:Verdana;

font-weight:bold;

font-size:13px;

color: #fff;

text-decoration: none;

background-image:url(design/titre_menu2.jpg);

background-repeat:no-repeat;

}



#liens_droite h3{

text-align:left;

padding-left: 10px;

padding-top:0px;

padding-bottom: 3px;

margin-top:10px;

height:45px;

font-family:Verdana;

font-weight:bold;

font-size:13px;

color: #fff;

text-decoration: none;

background-image:url(design/titre_menu3.jpg);

background-repeat:no-repeat;

}



#liens_droite h4{

text-align:left;

width:176px;

height:45px;

padding-left:10px;

padding-top:2px;

padding-bottom:10px;

font-family:Verdana;

font-size:11px;

font-weight:normal;

text-decoration: none;

background-image:url(design/dernieres_rea.gif);

background-repeat:no-repeat;

}



#liens_droite h4 a{

color:#4D6EA6;

margin-left:22px;

}



#liens_droite h5{

text-align:left;

width:179px;

height:45px;

padding-left:10px;

padding-top:2px;

font-family:Verdana;

font-size:11px;

font-weight:normal;

text-decoration: none;

background-image:url(design/dernieres_rea.gif);

background-repeat:no-repeat;

}



#liens_droite h5 a{

color:#9D0F67;

margin-left:82px;

}





.onglet3



{



  width: 16px ; height: 30px ;



  position: absolute; top:45px; left:10px;



  background: url("design/onglet3.gif");



}







/* SONDAGE : non conforme */



#sondage



{



  font-family:arial,sans-serif;

  font-size:12px;





}









/* FIN SONDAGE */





/* IMAGE DIF - Obsolete */



#ajout_dif



{



  width: 100px ; height: 100px ;



  position: relative; top:20px; left:40px;



  background: url("design/dif.gif") no-repeat ;



}







#click_dif



{   float: left;    width : 100px;    height: 100px;



    margin-left: 0px;  margin-top: 0px;



}



















/* -----------------------------------------



            TABLEAU CENTRAL (page d'accueil)



   --------------------------------------- */







.formation      /* utilisé avec titre h3 pour l'accueil (index.php) */

{

font-size:13px;

text-align:left;

margin-left:5px;

margin-bottom:10px;

margin-top:10px;

}





.entete   /* utilisé avec titre h3 pour l'accueil (index.php) */

{

font-size:16px;

text-align:center;

margin-left:20px;

margin-top:5px;

 }





.td_formation

{

width: 430px;

padding-left: 10px;

}



.td_date{

width: 150px;

text-align:right;

text-indent:15px;

font-weight:bold;

padding-right:5px;

cursor:pointer;

}



table{      /*border: 0px ridge #333;*/      }



.tr_formation /* lignes */

{

font-size:12px;

color: #000066;

height:15px;

}







  /* lignes */    /* fonctionne pas sous ie */



  .tr_formation:hover



  {color: #FF6600;}







  .a_formation



  {color: #000066; /* bleu marine */}







  .a_formation:hover



  {color: #FF6600;  /* orange */}







/* centre (page programme_certification.php) */



#liste_certif



{



        list-style-type:none;



        font-color:#ffffff;



        background: url('design/puce_menu_h.gif') no-repeat center left;



        margin-left:30px;     margin-bottom:5px;      margin-top:5px;



        padding-left:10px;







}







/* -----------------------------------------



            EVENEMENT (page d'accueil)



   --------------------------------------- */



#event



{



    text-align:left;    margin-left:10px;     margin-bottom:5px;    margin-top:10px;



}







.onglet



{



    color: #FF6600;     font-weight:bold;    /* margin-left:110px;*/



}











.onglet:hover



{



    color: #000066;



}



.lien_accueil {

color: #F59A18;

font-weight:bold;

font-size:16px;

}



.lien_accueil:hover{

color: #333;

}



.lien_seminaire {text-decoration:underline;color: #000066;font-weight:bold;font-size:16px;}



.lien_seminaire:hover{text-decoration:underline;color: #FF6600;}



.dates_seminaire {color: #000066;font-weight:bold;font-size:16px;}







#font_vernissage



{



   width: 600px;    height: 264px;    background: url('images/vernissage_03_octobre.png') no-repeat ;



   position: absolute;    top: 175px;   left: 190px;



}



 #font_vernissage2



{



   width: 600px;



   position: absolute;    top: 30px;   left: 190px;



}





#vernissage3



{

position: absolute; 

width: 600px;

height: 500px;

top: 192px;

left: 190px;

}



#dif {

position : absolute;

width: 590px;

top: 190px;

left: 200px;

padding-bottom: 5px;

}



#dif a {

vertical-align:15%;

padding-left:2px;

}



/* -----------------------------------------



            INTERVIEW (page d'accueil)



   --------------------------------------- */



#interv

{

text-align:left;

margin-left:30px;

margin-bottom:5px;

margin-top:10px;

}



.td_interview

{

text-align:left;

width:180px;

padding-left: 5px;

padding-top: 8px;

}







.td_photo



{ }











/* ---------------- DOSSIERS (page dossier.php)----------- */



#rub_dossier

{

width:500px;

position:relative;

top:30px;

left:60px;

padding: 0px;

margin: 0px;

}



/*----------------BIBLIO (page bibliographie.php-----------------*/

#rub_biblio

{

width:500px;

position:relative;

top:0px;

left:50px;

padding: 0px;

margin: 0px;

}



/* ---------------- RESSOURCES (page ressources.php)----------- */







#ressources



{  height:149px;       width:397px;  position:relative;  top:0px;       left:100px;



   background: transparent url('design/ressources.jpg') no-repeat ;



}







#fiche



{   float: left;    width : 170px;    height: 35px;



    margin-left: 8px;      margin-top: 20px;



}







#glossaire



{   float: left;    width : 170px;    height: 35px;



    margin-left: 40px;      margin-top: 20px;



}







#bibliographie



{   float: left;    width : 170px;    height: 35px;



    margin-left: 8px;      margin-top: 45px;



}







#liens



{   float: left;    width : 170px;    height: 35px;



    margin-left: 40px;      margin-top: 45px;



}







/* ----------------          societe.php               ----------- */



#societe
{
height:255px;
width:475px;
position:relative;
top:0px;
left:60px;
padding: 0px;
margin: 0px;
background: transparent url('design/bk_societe.gif') no-repeat ;
}

#societe2
{
height:250px;
width:475px;
position:relative;
top:0px;
left:60px;
padding: 0px;
margin: 0px;
}


#rub_societe
{
width:475px;
position:relative;
top:30px;
left:60px;
padding: 0px;
margin: 0px;
}


#metier
{
height:44px;
width:108px;
position:absolute;
top:0px;
left:237px;
padding: 0px;
margin: 0px;
}


#intervention

{

width:192px;

height:44px;

position:absolute;

top:62px;

left:283px;

padding: 0px;

margin: 0px;

}



#offre

{

width:108px;

height:44px;

position:absolute;

top:133px;

left:281px;

padding: 0px;

margin: 0px;

}



#atouts

{

width:108px;

height:44px;

position:absolute;

top:202px;

left:173px;

padding: 0px;

margin: 0px;

}



#engagements

{

width:130px;

height:44px;

position:absolute;

top:202px;

left:0px;

padding: 0px;

margin: 0px;

}



#partenaires

{

width:130px;

height:44px;

position:absolute;

top:133px;

left:36px;

padding: 0px;

margin: 0px;

}



#equipe

{

width:108px;

height:44px;

position:absolute;

top:62px;

left:107px;

padding: 0px;

margin: 0px;

}



#offre_scrol /* scrollbar page offre_promo.php*/

{

height:380px;

width:610px;

position:absolute;

top:380px;

left:185px;

background-color: #DBDEED ;

overflow:scroll;

}





#scrol /* scrolbar page societe.php*/



{



    height:380px;       width:550px;



    position:relative;  top:0px;       left:20px;



    background-color: #DDDFEB ;



    overflow:scroll;



}







#scrol2 /* scrolbar page glossaire.php */



{

width:500px;

height:400px;

position:relative;

padding-right:10px;

padding-left:10px;

top:10px;

left:50px;

background-color:#dedede;

overflow:auto;

border : solid 1px #333;

}







/* ------------------    FORMATION (inter et intra.php) --------------------  */



#intra_img



{ height:101px;       width:450px;



  position:relative;  top:0px;       left:60px;



  background: transparent url('design/formation_intra.jpg') no-repeat ;



}







#domaines_img

{

height:100px;

width:504px;

position:relative;

top:15px;

left:0px;

background: transparent url('design/bk_domaines.gif') no-repeat ;

}



#domaines_img2

{

height:103px;

width:599px;

position:relative;

top:15px;

left:0px;

background: url('design/img_inter_2007/navigation/fond.gif') no-repeat ;

padding: 0;

margin: 0;

}



#domaines_img2008

{

height:103px;

width:599px;

position:relative;

top:15px;

left:0px;

padding: 0;

margin: 0;

}



#coaching_tutorat_vae_img

{

height:115px;

width:599px;

position:relative;

top:15px;

left:0px;

padding: 0;

margin: 0;

background: url('design/coach_tut_vae/bg_coaching_tutorat_vae.jpg') no-repeat ;

}





.titre_inter_2007 {

display:block;

font-family: verdana;

font-size: 18px;

color: #333;

text-align:center;

font-weight:bold;

}



.titre_inter_2008 {

display:block;

font-family: verdana;

font-size: 18px;

color: #333;

font-weight:bold;

}



.titre_dif {

font-family: verdana;

font-size: 12px;

color: #FF7300;

font-weight:bold;

}



/*permet d'aligner à la verticale le titre + image dans les pages sommaire inter*/

.valign_25{

vertical-align:25%

}



.rayure_jaune {

background-image:url(design/img_inter_2008/presentation/ray_inter.gif);

background-repeat:repeat-x;

padding-bottom:2px;

}



.titre2_inter_2007 {

font-family: verdana;

font-size: 18px;

color: #203667;

}



.des_inter_2007 {

font-family: verdana;

font-size: 11px;

color: #333;

}



.sstitre_inter_2007 {

font-family: verdana;

font-size: 13px;

color: #333;

font-weight:bold;

}





#domaines_img img {

padding-top: 28px;

}



.domaines {

padding-right : 9px;

}





#dossiers_img

{

height: 100px;

width: 215px;

position:relative;

top:0px;

left:165px;

background: transparent url('design/bk_dossiers.gif') no-repeat ;

}



#dossiers_img img {

padding-top: 28px;

}



.dossiers {

padding-right: 30px;

}



#ressources_img

{

height: 217px;

width: 311px;

position:relative;

top:0px;

left:130px;

background: transparent url('design/bk_ressources.gif') no-repeat ;

}



#ressources_img img {

padding-left: 30px;

}



.ressources_01 {

padding-right: 32px;

padding-top: 59px;

padding-bottom: 24px;

}



.ressources_02 {

padding-right: 0px;

padding-top: 59px;

padding-bottom: 24px;

}



.ressources_03 {

padding-right: 32px;

}



.puce_ref {

font-size: 100%;

list-style-type: none;

background-image: url(design/puce.gif);

background-repeat: no-repeat;

background-position: 0% 35%;

padding-left: 15px;

}



.puce_ok {

font-size: 100%;

list-style-type: none;

background-image: url(design/ok.gif);

background-repeat: no-repeat;

background-position: 0% 35%;

padding-left: 15px;

margin-left: 15px;

}



#management



{   float: left;    width : 80px;    height: 35px;



    margin-left: 0px;      margin-top: 35px; /*background-color:#FFFFFF;*/



}







#ressources_humaines



{   float: left;    width : 148px;    height: 35px;



    margin-left: 5px;      margin-top: 35px; /*background-color:#FFFF11;*/



}







#communication_negociation



{   float: left;    width : 100px;    height: 35px;



    margin-left: 5px;      margin-top: 35px; /*background-color:#FFFFFF;*/



}







#efficacite_personnelle



{   float: left;    width : 100px;    height: 35px;



    margin-left: 5px;      margin-top: 35px; /*background-color:#FFFF11;*/



}







/* onglet garantie satisfaction */







#nouveaute



{



   width: 130px;    height: 38px;    background: url('design/nouveaute.gif') no-repeat ;



   position: absolute;    top: -17px;   left: 350px;



}







#centrer_texte



{

  text-align:center;

}







#cadrer_texte



{



  position:relative;

  top:0px;

  left:45px;

  height:210px;

  width:500px;



  background-color:#EFF0F9;



  border: 1px solid ; padding:5px;



}



.puce_intervention {

font-size: 100%;

list-style-type: none;

background-image: url(design/puce_fl_bl.gif);

background-repeat: no-repeat;

background-position: 0% 25%;

padding-left: 15px;

height:18px;

}



.puce_intervention_dble {

font-size: 100%;

list-style-type: none;

background-image: url(design/puce_fl_bl.gif);

background-repeat: no-repeat;

background-position: 0% 10%;

padding-left: 15px;

}



 /* ------- SEMINAIRES :  liens dans inter et intra.php ------- */



 /* page_base_formation.php */



#seminaire{

width: 800px;

height:800px;

position: absolute;

background-color: #E9EAE8;

border: solid 1px;

margin-left:92px;

}



#seminaire_haut{

width: 800px ;

height:200px;

position: absolute;

top:0px;

left:0px;

}



#seminaire_gauche{

width: 200px ;

height:600px;

position: absolute;

top:230px;

left:0px;

font-size:13px;

padding-left:5px;

}



.puce_fleche {

font-size: 100%;

list-style-type: none;

background-image: url(design/puce_or.gif);

background-repeat: no-repeat;

background-position: 0% 65%;

padding-left: 15px;

}

.puce_fl_sans{

list-style-type: none;

padding-left: 15px;

}



.puce_fl_ss_interv{

list-style-type: none;

padding-left: 17px;

}



.puce_ques {

font-size: 100%;

list-style-type: none;

background-image: url(icones/questionnaire2.gif);

background-repeat: no-repeat;

background-position: 0% 65%;

padding-left: 18px;

margin-left: 12px;

}



.puce_pass {

font-size: 100%;

list-style-type: none;

background-image: url(icones/questionnaire.gif);

background-repeat: no-repeat;

background-position: 0% 5%;

padding-left: 18px;

margin-left: 12px;

}



.puce_camera {

font-size: 100%;

list-style-type: none;

background-image: url(icones/camera.gif);

background-repeat: no-repeat;

background-position: 0% 5%;

padding-left: 18px;

margin-left: 12px;

}



.puce_cas {

font-size: 100%;

list-style-type: none;

background-image: url(icones/cas.gif);

background-repeat: no-repeat;

background-position: 0% 5%;

padding-left: 18px;

margin-left: 12px;

}



.puce_apports {

font-size: 100%;

list-style-type: none;

background-image: url(icones/apport.gif);

background-repeat: no-repeat;

background-position: 0% 5%;

padding-left: 18px;

margin-left: 12px;

}



.puce_biblio {

font-size: 100%;

list-style-type: none;

background-image: url(icones/biblio.gif);

background-repeat: no-repeat;

background-position: 0% 5%;

padding-left: 18px;

margin-left: -18px;

height:16px;

}



.puce_plateforme {

font-size: 100%;

list-style-type: none;

background-image: url(icones/plateforme.gif);

background-repeat: no-repeat;

background-position: 0% 5%;

padding-left: 18px;

margin-left: 12px;

}



.puce_test {

font-size: 100%;

list-style-type: none;

background-image: url(icones/test.gif);

background-repeat: no-repeat;

background-position: 0% 5%;

padding-left: 18px;

margin-left: 12px;

}



.puce_coach {

font-size: 100%;

list-style-type: none;

background-image: url(icones/coaching.gif);

background-repeat: no-repeat;

background-position: 0% 5%;

padding-left: 18px;

margin-left: 12px;

}

.puce_training {

font-size: 100%;
list-style-type: none;
background-image: url(icones/entrainement2.gif);
background-repeat: no-repeat;
background-position: 0% 5%;
padding-left: 18px;
margin-left: 12px;

}



.puce_pdf {

font-size: 100%;
list-style-type: none;
background-image: url(icones/pdf2.gif);
background-repeat: no-repeat;
background-position: 0% 5%;
padding-left: 20px;
margin-left: 0px;
height:16px;

}



.puce_ie {

font-size: 100%;
list-style-type: none;
background-image: url(icones/ie.gif);
background-repeat: no-repeat;
background-position: 0% 5%;
padding-left: 20px;
margin-left: 0px;
height:16px;

}

.puce_news {
color:#008DAD;
font-size: 15px;
list-style-type: none;
background-image: url(icones/news.gif);
background-repeat: no-repeat;
background-position: 0% 5%;
padding-left: 20px;
margin-left: 0px;
height:16px;
text-decoration:underline;

}

.puce_news2 {

font-size: 100%;

background-image: url(design/puce.gif);
background-repeat: no-repeat;
background-position: 0% 15%;
padding-left: 15px;
height:26px;
text-decoration:underline;

}





.puce_ppt {

font-size: 100%;
list-style-type: none;
background-image: url(icones/ppt.gif);
background-repeat: no-repeat;
background-position: 0% 5%;
padding-left: 20px;
margin-left: 0px;
height:16px;

}



#seminaire_centre{

width: 550px ;
height:660px;
background-color: #fff;
position: absolute;
top:130px;
left:210px;
padding-left:20px;
font-size:13px;

}



.puce_simple {

font-size: 100%;
list-style-type: none;
background-image: url(design/puce.gif);
background-repeat: no-repeat;
background-position: 0% 25%;
padding-left: 15px;

}



.sous_puce {

font-size: 100%;
list-style-type: none;
padding-left: 30px;

}



.puce_double {

font-size: 100%;
list-style-type: none;
background-image: url(design/puce.gif);
background-repeat: no-repeat;
background-position: 0% 15%;
padding-left: 15px;
height:26px;

}



.puce_triple {
font-size: 100%;
list-style-type: none;
background-image: url(design/puce.gif);
background-repeat: no-repeat;
background-position: 0% 7%;
padding-left: 15px;

}



.puce_quadruple {

font-size: 100%;

list-style-type: none;

background-image: url(design/puce.gif);

background-repeat: no-repeat;

background-position: 0% 5%;

padding-left: 15px;

}



#exemple_prog{

width:150px;

height:150px;

position:absolute;

top:75px;

left:155px;

background: url('design/exemple_programme.gif') no-repeat ;

 }







 #logo_mix
{

width:100px;    height:70px;
position:absolute; top:0px;    left:450px;


 }
    /*background-color: #AA0000;*/






#titre_formation{
font-size:18px;
height:30px;
width:570px;
font-weight:bold;
position:absolute;
top:25px;
left: 200px;
text-align:center;
color:#008DAD;

}


#adr_formation{
font-size:14px;
height:20px;
width:500px;
position:absolute;
top:80px;
left: 250px;
text-align:center;

}



/*colonne dans article BDF letralgo.htm*/

#colonne_gauche{
position:absolute;
width:300px;
height:550px;
top:0px;
left:0px;
margin-left:0px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
text-align:justify;
background-color:#000;
color:#fff;

}



#colonne_droite{
position:absolute;
width:500px;
height:550px;
top:0px;
left:310px;
margin-left:0px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
text-align:justify;
background-color:#ccc;

}



#colonne_entiere{
position:absolute;
width:800px;
top:0px;
left:0px;
margin-left:0px;
padding-left:5px;
padding-right:5px;
padding-top:5px;
text-align:justify;
background-color:#ccc;

}



.image_float {
float:right;
}



 .ref_formation
{
height:10px;    width:150px;
position:relative; left: 0px; top:0px;
}
    /* background-color:#ffffbb; */







 .nomfich_formation
{
height:20px;    width:150px;
position:relative; top: 10px; left: 0px;
}

    /* background-color:#ffffbb; */




 .prix
 {
height:18px;    width:400px;
position:relative; left: 300px; top:0px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
background-color:#000066;



 }

A.menu_gauche:link {color: #000066;text-decoration:underline; font-size: 13px; font-family:Arial;; font-weight: normal}

A.menu_gauche:visited {color: #C497FF;text-decoration:underline; font-size: 13px; font-family:Arial; font-weight: normal}

A.menu_gauche:hover {color: #520152;font-weight: bold;text-decoration:underline; font-size: 13px; font-family:Arial; font-weight: normal}

A.menu_gauche2:link {color: #0E3758;text-decoration:underline; font-size: 12px; font-family:Arial;; font-weight: normal}

A.menu_gauche2:visited {color: #89C0ED;text-decoration:underline; font-size: 12px; font-family:Arial; font-weight: normal}

A.menu_gauche2:hover {color: #145081;font-weight: bold;text-decoration:underline; font-size: 12px; font-family:Arial; font-weight: normal}

ul#portfolio li img{
	
	padding: 1px;
	text-decoration: none;
	list-style:none;
	list-style-type:none;
	float:left
}
ul#portfolio2 li img{
	border: 1px solid #ccc;
	padding: 4px;
	text-decoration: none;
	list-style:none;
	list-style-type:none;
	margin-left:1px;
	margin-right:1px;
	vertical-align : top
}
ul#portfolio3 li img{
	border: 1px solid #ccc;
	padding: 4px;
	text-decoration: none;
	list-style:none;
	list-style-type:none;
	float:right;
	vertical-align : top
}
#portfolio  li img{
	
	padding: 1px;
	text-decoration: none;
	list-style:none;
	list-style-type:none;
	
	align: center;
}
.portfolio2 {
	border: 1px solid #ccc;
	padding: 4px;
	width: 580px;
	list-style:none;
	list-style-type:none;
	align: center;
}
.portfolio16 {
	
	text-align:left;
	color: #000066;
	
	font-size: 12px; 
	font-family:Arial;
	font-weight: normal
}