/*-------------------------------------------------------------------------------------------------*/
/*
______________________
ACTIVEPORTAIL - INTERFACE
______________________
Version 4.4
Feuille de style ActivePortail
Cette feuille de style comprend les éléments utilisés dans l'interface du produit
_________________________________________________________

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

/*---------------------------GLOBAL---------------------------*/

html{
margin:0px;
}

body{
font-family:Arial, Verdana;
background:#ebebeb url('interface/body_bg.gif') repeat-x top center;
margin:0px;
width:100%;
height:100%;}

form{
margin:0px;
padding:0px;
}

#deco1{
background:url('interface/deco1_bg.gif') repeat-x top left;
}

h1{
font-weight:normal;
font-size:36px;
margin:10px 0px;
padding:0px 0px 5px 0px;
border-bottom:solid 1px #dddddd;
}

h2{
font-weight:normal;
font-size:24px;
margin:10px 0px;
padding:0px 0px 5px 0px;
border-bottom:solid 1px #dddddd;
}

h3{
font-weight:normal;
font-size:18px;
margin:10px 0px;
padding:0px 0px 5px 0px;
}

a{

}

a:hover{

}

p{
font-size:12px;
}

img{
border:none;
}

/*---------------------------PRINCIPAUX CONTENEURS---------------------------*/

#site{
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
}

#haut{
}

#milieu{
}

#bas{
clear:both;
background:#ffffff url('interface/bas_bg.gif') no-repeat bottom left;
width:960px;
height:50px;
padding:0px;
margin:20px 0px 0px 0px;
float:left;
color:#a3abd2;
}

.une_colonne_gauche{
width:360px;
float:left;
padding:10px 0px 0px 0px;
}

.une_colonne_droite, .une_colonne_droite2{
width:230px;
float:right;
padding:10px 0px 0px 0px;
}

.une_colonne_centre{
margin-left:360px;
margin-right:230px;
width:370px;
padding:10px 0px 0px 0px;
}

#colonne_gauche2{
width:200px;
float:left;
padding:10px 0px;
}

#colonne_droite2{
width:200px;
float:right;
padding:10px 0px;
}

#colonne_centre2{
float:left;
width:520px;
padding:10px 20px;
}

#content{
padding:20px 0px;
clear:both;
float:left;
}

#pied{
color:#a3abd2;
text-align:center;
font-size:12px;
padding:10px;
}

#pied a{
color:#a3abd2;
text-decoration:none;
font-size:12px;
}

/*---------------------------BANDEAU---------------------------*/

#bandeau{
height:130px;
padding:0px;
background:url('interface/bandeau.jpg') no-repeat top left;
}

#bandeau_droite{
float:left;
width:730px;
}

a.offre_produit{
float:left;
background:url('interface/offre_produit_btn.jpg') no-repeat top left;
display:block;
float:left;
width:170px;
height:120px;
}

/*---------------------------BARRE UTILISATEUR---------------------------*/

#barre_utilisateur{
background:url('interface/barre_uti_bg.gif') no-repeat top left;
padding-left:30px;
font-size:11px;
color:#ffffff;
line-height:30px;
}

#barre_utilisateur a{
color:#d5d5d5;
}

/*---------------------------MOTEUR DE RECHERCHE---------------------------*/

#logo{
float:left;
width:230px;
}

#recherche{
float:left;
width:200px;
height:90px;
padding:10px 0px 0px 10px;
}

#recherche input{
float:left;
font-size:11px;
background:url('interface/recherche_input_bg.gif') no-repeat top left;
border:none;
width:130px;
height:14px;
padding:8px 10px;
margin-right:10px;
}

#recherche a{
background:url('interface/recherche_btn.gif') no-repeat top left;
display:block;
float:left;
width:30px;
height:30px;
}

/*---------------------------LIENS TRANSVERSAUX---------------------------*/

#liens_trans{
float:left;
width:480px;
padding-left:20px;
font-size:12px;
color:#ffffff;
}

#liens_trans a{
text-decoration:none;
font-size:12px;
color:#ffffff;
line-height:30px;
}

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

#menu_n1{
height:30px;
padding-right:50px;
background:url('interface/menu_n1_bg.jpg') no-repeat top left;
}

#menu_n1 ul{
margin:0px;
padding:0px;
list-style:none;
}

#menu_n1 li{
margin:0px;
padding:0px;
float:right;
margin-right:2px;
}

#menu_n1 a{
font-size:14px;
text-decoration:none;
line-height:30px;
display:block;
cursor:pointer
}

#menu_n1 .onglet .deb{
display:block;
float:left;
height:30px;
width:20px;
background:url('interface/menu_n1_item_bg_deb.gif') no-repeat top left;
}

#menu_n1 .onglet .milieu{
display:block;
float:left;
height:30px;
padding:0px;
background:#a3abd2;
}

#menu_n1 .onglet .fin{
display:block;
float:left;
height:30px;
width:20px;
background:url('interface/menu_n1_item_bg_fin.gif') no-repeat top left;
}

#menu_n1 .onglet a{
font-size:18px;
color:#ffffff;
font-weight:normal;
}

#menu_n1 .onglet_selected .deb{
display:block;
float:left;
height:30px;
width:20px;
background:url('interface/menu_n1_item_bg_deb_selected.gif') no-repeat top left;
}

#menu_n1 .onglet_selected .milieu{
display:block;
float:left;
height:30px;
padding:0px 10px;
background:#ffffff;
}

#menu_n1 .onglet_selected .fin{
display:block;
float:left;
height:30px;
width:20px;
background:url('interface/menu_n1_item_bg_fin_selected.gif') no-repeat top left;
}

#menu_n1 .onglet_selected a{
font-size:18px;
color:#999999;
font-weight:normal;
}

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

#menu_fils{
height:50px;
background:url('interface/menu_n2_bg.gif') repeat-x top left;
clear:both;
}

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

/*#menu_n2{
height:60px;
background:url('interface/menu_n2_bg.gif') repeat-x top left;
}

#menu_n2 ul{
margin:0px;
padding:0px;
list-style:none;
}

#menu_n2 li{
margin:0px;
float:left;
background:url('interface/menu_n2_item_bg.gif') no-repeat top right;
padding-right:2px;
}

#menu_n2 li a{
display:block;
padding:10px 20px 30px 20px;
line-height:20px;
font-weight:bold;
font-size:12px;
color:#ffa200;
text-decoration:none;
}

#menu_n2 li a.selected{
background:url('interface/menu_n2_item_bg_selected.gif') no-repeat top center;
}

#menu_n2 li a:hover{
font-size:12px;
color:#000000;
text-decoration:none;
}

*/

/*---------------------------FIL ARIANE---------------------------*/

#ariane{
clear:both;
color:#000000;
font-size:12px;
display:block;
width:920px;
padding:0px 20px;
height:24px;
line-height:24px;
border-bottom:solid 1px #e3e3e3;
margin-bottom:10px;
}

#ariane a {
font-size:12px;
text-decoration:none;
}

#ariane_fil{
float:left;
}

#ariane_outils{
float:right;
}

#ariane_outils img {
vertical-align:middle;
}

#ariane_outils a {
padding:0px 0px 0px 10px;
}

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

#menu_options{
clear:both;
line-height:40px;
height:40px;
}

#menu_options ul{
float:right;
margin:0px;
padding:0px 20px;
list-style:none;
}

#menu_options li{
margin:0px;
padding:0px;
float:left;
margin-left:10px;
}

#menu_options a{
border-left:solid 1px #dee9f2;
border-right:solid 1px #dee9f2;
border-top:solid 1px #dee9f2;
color:#ed1a3a;
font-size:12px;
text-decoration:none;
line-height:40px;
display:block;
cursor:pointer;
padding:0px 10px;
}

#menu_options img{
padding-right:10px;
}

/*---------------------------OUTILS ARTICLE---------------------------*/

#article_outils{
clear:both;
border-bottom:solid 2px #dddddd;
line-height:20px;
height:20px;
}

#article_outils span{
float:right;
padding-right:10px;
line-height:30px;
}

/*---------------------------OUTILS ARTICLE---------------------------*/

#article_outils{
clear:both;
border-bottom:solid 2px #dddddd;
line-height:20px;
height:20px;
}

#article_outils span{
float:right;
padding-right:10px;
line-height:30px;
}

/*---------------------------MOTEURS DE RECHERCHE---------------------------*/

.rech_form_bloc1{
float:left;
background:url('interface/rech_form_bloc1.gif') no-repeat bottom left;
width:720px;
padding:0px 0px 10px 0px;
margin:0px;
}

.rech_form_bloc1 .contenu{
float:left;
background:url('interface/rech_form_bloc1.gif') no-repeat top left;
width:700px;
padding:10px 10px 0px 10px;
margin:0px;
}

.rech_form_bloc2{
float:right;
background:url('interface/rech_form_bloc2.gif') no-repeat bottom left;
width:220px;
padding:0px 0px 10px 0px;
margin:0px;
}

.rech_form_bloc2 .contenu{
float:right;
background:url('interface/rech_form_bloc2.gif') no-repeat top left;
width:200px;
padding:10px 10px 0px 10px;
margin:0px;
}

.rech_form_bloc2 .article{
margin:0px 0px 20px 0px;
}

.rech_form_bloc2 .article h2{
color:#ffa200;
font-weight:normal;
font-size:18px;
border:none;
border-bottom:solid 1px #e3e3e3;
margin:0px;
}

.rech_form_bloc2 .article p{
font-size:12px;
color:#000000;
margin:5px 0px;
}

.rech_form_bloc3{
float:left;
background:url('interface/rech_form_bloc3.gif') no-repeat bottom left;
width:960px;
padding:0px 0px 10px 0px;
margin:20px 0px 0px 0px;
}

.rech_form_bloc3 .contenu{
float:left;
background:url('interface/rech_form_bloc3.gif') no-repeat top left;
width:920px;
padding:10px 20px 0px 20px;
margin:0px;
}

.parcours_form{
float:left;
width:200px;
padding:0px;
margin:0px;
}

.parcours_form .article{
margin:0px 0px 20px 0px;
}

.parcours_form h2{
font-weight:normal;
font-size:18px;
border:none;
border-bottom:solid 1px #e3e3e3;
margin:0px;
}

.parcours_form p{
font-size:12px;
color:#000000;
margin:5px 0px;
}

.parcours_form ul{
margin:0px;
padding:0px;
list-style:none;
}

.parcours_form li{
background:url('interface/rech_form_puce_longues.gif') no-repeat left 11px;
margin:0px;
}

.parcours_form li a{
display:block;
padding:7px 0px 7px 18px;
line-height:14px;
font-weight:normal;
font-size:12px;
color:#000000;
text-decoration:none;
border-bottom:solid 1px #d7d7d7;
}

.parcours_form  li a:hover{
font-weight:normal;
font-size:12px;
color:#000000;
text-decoration:none;
}

.img_moteur{
float:right;
background:url('interface/img_rech_form_longues.jpg') no-repeat top left;
width:460px;
height:100px;
padding:10px;
margin:0px;
}

.img_moteur h2{
color:#ffffff;
font-size:18px;
border:none;
margin:0px;
padding:0px;
line-height:40px;
}

.img_moteur p{
color:#ffffff;
font-size:15px;
padding-right:170px;
margin:0px;
}

.moteur_longues{
float:right;
background:url('interface/rech_form_moteur.gif') no-repeat bottom left;
overflow:auto;
width:480px;
}

.moteur_longues .contenu_moteur{
padding:0px 10px 10px 10px;
overflow:auto;
}

.moteur_longues h2{
color:#ffffff;
font-size:18px;
border:none;
margin:0px;
padding:0px 20px 0px 20px;
line-height:40px;
}

table.table_moteur{
}

table.table_moteur td{
padding:5px 0px;
color:#000000;
font-size:12px;
font-weight:normal;
}

table.table_moteur td.libelle{
color:#ffa200;
font-weight:bold;
font-size:14px;
}

table.table_moteur td.libelle2{
color:#000000;
font-weight:bold;
font-size:12px;
}

/*---------------------------FICHES FORMATIONS---------------------------*/

.fiche_formation{
float:left;
background:url('interface/fiche_form_bg.gif') no-repeat bottom left;
width:960px;
padding:0px 0px 10px 0px;
margin:0px;
}

.fiche_formation .contenu{
float:left;
background:url('interface/fiche_form_bg.gif') no-repeat top left;
width:920px;
padding:10px 20px 0px 20px;
margin:0px;
}

.fiche_formation h1{
font-size:24px;
font-weight:normal;
border:none;
}

.fiche_formation h2{
font-size:14px;
font-weight:bold;
border:none;
margin:15px 0px 5px 0px;
padding:0px;
}

.fiche_formation p{
font-size:12px;
color:#000000;
margin:7px 0px;
}

.fiche_formation a{
}

.fiche_formation .details{
padding:20px;
}

.fiche_formation .details ul{
margin:0px;
padding:0px;
list-style:none;
}

.fiche_formation .details li{
background:url('interface/puce_details_formation.gif') no-repeat left 7px;
margin:0px;
font-size:11px;
color:#000000;
line-height:20px;
font-weight:normal;
padding:0px 0px 0px 15px;
}

.fiche_formation .formulaire{
float:left;
width:230px;
padding:0px 0px 10px 0px;
margin:0px 0px 10px 0px;
color:#ffffff;
font-size:12px;
}

.fiche_formation .formulaire .contenu_formulaire{
float:left;
width:190px;
padding:10px 20px 0px 20px;
margin:0px;
}

.fiche_formation .formulaire h2{
color:#ffffff;
font-weight:normal;
font-size:18px;
margin:10px 0px;
}

.fiche_formation .formulaire p{
color:#ffffff;
font-size:12px;
}

.fiche_formation .formulaire .btn_envoyer{
width:90px;
height:30px;
line-height:30px;
padding:0px;
margin:0px;
border:none;
color:#ffffff;
font-weight:bold;
font-size:12px;
text-align:center;
}

.fiche_formation a.modif_recherche{
display:block;
width:206px;
height:46px;
line-height:46px;
padding:0px 10px 0px 10px;
margin:0px;
border:none;
font-weight:bold;
font-size:13px;
text-align:right;
text-decoration:none;
}

.options_article{
border-bottom:solid 2px #dddddd;
margin-bottom:10px;
float:left;
width:920px;
}

.options_article a{
font-size:12px;
text-decoration:none;
}

.table_sessions{
float:left;
background:url('interface/table_sessions_bg.gif') no-repeat bottom left;
width:920px;
padding:0px 0px 10px 0px;
margin:0px;
}

.table_sessions .contenu{
float:left;
background:url('interface/table_sessions_bg.gif') no-repeat top left;
width:880px;
padding:10px 20px 0px 20px;
margin:0px;
}

/*---------------------------PLAN DU SITE---------------------------*/

#plan_du_site{
}

#plan_du_site ul{
margin:0px;
padding:0px;
list-style:none;
}

#plan_du_site li.plan1{
padding:5px 0px 5px 0px;
border-top:solid 1px #dddddd;
}

#plan_du_site li.plan1 a{
text-decoration:none;
font-size:18px;
}

#plan_du_site li.plan2{
padding:5px 0px 5px 20px;
}

#plan_du_site li.plan2 a{
text-decoration:none;
font-size:14px;
}

#plan_du_site li.plan3{
padding:5px 0px 5px 40px;
}

#plan_du_site li.plan3 a{
text-decoration:none;
padding:5px 0px 5px 40px;
font-size:12px;
}

#plan_du_site li.plan4{
padding:5px 0px 5px 60px;
}

#plan_du_site li.plan4 a{
text-decoration:none;
font-size:10px;
}

/*---------------------------BOUTONS---------------------------*/

span.bouton{
background:url('interface/bouton_bg_longues.gif') no-repeat top left;
padding:0px 0px 0px 10px;
line-height:20px;
display:inline-block;
}

span.bouton a{
background:url('interface/bouton_bg_longues.gif') no-repeat top right;
color:#ffffff;
padding:0px 10px 0px 0px;
font-size:11px;
text-decoration:none;
line-height:20px;
display:inline-block;
}

span.bouton a:hover{
color:#ffffff;
text-decoration:underline;
}

/*---------------------------POPUP IDENTIFICATION---------------------------*/

.identification{
border:solid 2px #dddddd;
background:#eeeeee url('interface/identification_bg.jpg') no-repeat center left;
padding:0px 0px 0px 150px;
}

.libelle{
color:#777777;
font-weight:bold;
font-size:12px;
}