/*-------------------------------------------------------------------------------------------------*/
/*
______________________
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:#dee9f2 url('interface/body_bg.gif') repeat-x top left;*/
background:#19afd2;
margin:0px;
width:100%;
height:100%;
font-size:12px;}

h1{
font-weight:normal;
font-size:30px;
margin:0px 0px 10px 0px;
padding:10px 0px 10px 0px;
border-bottom:solid 2px #eeeeee;
}

h2{
font-weight:normal;
font-size:24px;
line-height:24px;
margin:10px 0px;
padding:0px 0px 6px 0px;
border-bottom:solid 1px #eeeeee;
}

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

p{
font-size:12px;
}

img{
border:none;
}

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

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

#deco{
width:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding:0px;
background:#17a8c9;
}

#deco_haut{
background:url('interface/deco_haut.jpg') no-repeat top center;
}

#deco_bas{
background:url('interface/deco_bas.jpg') no-repeat bottom center;
}

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

#haut{
}

#milieu{
}

#bas{
height:210px;
width:980px;
}

#bas_gauche{
width:370px;
float:left;
padding:30px 0px 0px 0px;
}

#bas_droite{
width:610px;
float:left;
padding:20px 0px 0px 0px;
}

#colonne_gauche{
position:absolute;
width:240px;
float:left;
}

#colonne_centre{
margin-left:240px;
width:680px;
}

#bloc_contenu{
padding:0px 20px 20px 20px;
background:#ffffff;
height:500px;
}

html>body #bloc_contenu {
height:auto;
min-height:500px;
}

#pied{
color:#dddddd;
font-size:11px;
padding:10px 20px;
text-align:right;
}

#pied .outils{
color:#ffffff;
font-size:11px;
padding:0px;
text-align:right;
}

#pied .outils a{
color:#ffffff;
font-size:11px;
text-decoration:none;
}

#pied .outils a:hover{
color:#ffffff;
font-size:11px;
text-decoration:underline;
}

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

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

#bandeau_login{
height:200px;
background:url('interface/bandeau_login.jpg') no-repeat top left;
}

#bandeau_gauche{
width:470px;
height:200px;
background:url('interface/bandeau_gauche.jpg') no-repeat top left;
float:left;
}

#bandeau_centre{
width:270px;
height:200px;
background:url('interface/bandeau_centre.jpg') no-repeat top left;
float:left;
}

#bandeau_droite{
width:240px;
height:200px;
background:url('interface/bandeau_droite.jpg') no-repeat top left;
float:left;
}

/*---------------------------BARRE UTILISATEUR---------------------------*/
/*
#barre_utilisateur{
background:url('interface/barre_uti_bg.gif') no-repeat 20px 20px;
font-size:11px;
color:#ffffff;
padding:20px 20px 20px 40px;
}
*/

#barre_utilisateur{
background:url('interface/barre_uti_bg.gif') no-repeat 0px 20px;
clear:both;
float:left;
margin-left:10px;
margin-top:10px;
width:240px;
padding:20px 10px 0px 20px;
font-size:11px;
}

#barre_utilisateur a{
color:#ffffff;
font-size:11px;
}

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

#recherche{
float:left;
padding:20px 0px 0px 20px;
margin:0px;
}

#recherche input{
float:left;
font-size:14px;
background:url('interface/recherche_input.gif') no-repeat top left;
border:none;
width:180px;
height:18px;
padding:6px 10px;
margin:0px;
}

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

/*---------------------------LISTE COMMUNAUTES---------------------------*/

#liste_communautes{
clear:both;
float:left;
margin-left:20px;
margin-top:10px;
width:210px;
height:20px;
padding:5px 10px;
background:url('interface/listeco_bg.gif') no-repeat top left;
}

#liste_communautes select{
width:210px;
line-height:20px;
font-size:14px;
border:none;
}

/*---------------------------LIENS IDENTIF---------------------------*/

#bandeau_centre .liens{
float:left;
clear:both;
font-size:11px;
color:#ffffff;
padding:10px 20px;
width:230px;
}

#bandeau_centre .liens a{
color:#ffffff;
font-size:11px;
font-weight:normal;
text-decoration:none;
}

/*---------------------------ZONE IDENTIFICATION---------------------------*/

#zone_identif{
float:left;
width:200px;
height:180px;
background:url('interface/identif_bg.gif') no-repeat top right;
padding:20px 0px 0px 40px;
color:#ffffff;
font-size:12px;
font-weight:normal;
}

#zone_identif .formulaire{
float:left;
clear:both;
width:200px;
}

#zone_identif input{
float:left;
font-size:14px;
background:url('interface/identif_input.gif') no-repeat top left;
border:none;
width:160px;
height:18px;
padding:6px 10px;
margin:0px 0px 10px 0px;
}

#zone_identif a.bouton_identif{
background:url('interface/identif_btn.gif') no-repeat top left;
display:block;
float:right;
width:100px;
height:30px;
margin:0px 20px 30px 0px;
}

#zone_identif input.bouton_identif{
background:url('interface/identif_btn.gif') no-repeat top left;
display:block;
float:right;
width:100px;
height:30px;
margin:0px 20px 30px 0px;
cursor:pointer;
}

#zone_identif .liens{
float:left;
clear:both;
width:200px;
}

#zone_identif .liens a{
color:#ffffff;
font-size:12px;
font-weight:normal;
text-decoration:none;
}

/*---------------------------ENGRENAGES---------------------------*/

#engrenages{
float:left;
width:240px;
height:200px;
padding:0px;
color:#ffffff;
font-size:12px;
font-weight:normal;
}

#engrenages a{
font-size:0px;
margin:0px;
padding:0px;
border:none;
}

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

#menu_n1{
height:40px;
padding-left:0px;
background:url('interface/menu_n1_bg.jpg') repeat-x top left;
}

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

#menu_n1 li{
margin:0px;
padding:0px;
float:left;
}

#menu_n1 a{
font-size:12px;
text-decoration:none;
line-height:40px;
display:block;
cursor:pointer;
color:#ffffff;
}

#menu_n1 .onglet a:hover .deb{
background:url('interface/menu_n1_deb_hover.gif') no-repeat top left;
}

#menu_n1 .onglet a:hover .milieu{
background:url('interface/menu_n1_milieu_hover.gif') repeat-x top left;
}

#menu_n1 .onglet a:hover .fin{
background:url('interface/menu_n1_fin_hover.gif') no-repeat top left;
}

#menu_n1 .onglet a:hover{
color:#433088;
font-size:12px;
font-weight:normal;
}

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

#menu_n1 .onglet .milieu{
display:block;
float:left;
height:40px;
padding:0px;
/*background:url('interface/menu_n1_milieu.gif') repeat-x top left;*/
}

#menu_n1 .onglet .fin{
display:block;
float:left;
height:40px;
width:10px;
/*background:url('interface/menu_n1_fin.gif') no-repeat top left;*/
background:url('interface/menu_n1_fin.gif') no-repeat top right;
}

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

#menu_n1 .onglet_selected .milieu{
display:block;
float:left;
height:40px;
padding:0px;
background:url('interface/menu_n1_milieu_selected.gif') repeat-x top left;
}

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

#menu_n1 .onglet_selected {

}


#menu_n1 .onglet_selected a{
color:#433088;
font-size:12px;
font-weight:bold;
}

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

#menu_fils{
background:#ffffff;
height:40px;
}

/* Voir menu.css */

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

#ariane{
clear:both;
font-size:12px;
display:block;
width:940px;
padding:5px 20px;
height:30px;
line-height:30px;
background:url('interface/ariane_bg.gif') repeat-x top left;
}

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

#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;
margin:0px 0px 10px 0px;
}

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

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

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

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

/*---------------------------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;
}

/*---------------------------INFOBULLES---------------------------*/

a.info {
   position: relative;
   text-decoration: none;
   font-size:12px;
   font-weight:bold;
   color:#5c8ec1;
}
a.info span {
   display: none; /* on masque l'infobulle */
}

a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background-color: #fafafa;
   color: black;
   padding: 5px;
   border: 3px solid #cccccc;
   font-size:12px;
   font-weight:normal;
}

/*---------------------------ARIANE FORUM---------------------------*/

.forum_fil{
color:#000000;
font-size:12px;
height:30px;
line-height:30px;
border-top:solid 1px #eeeeee;
border-bottom:solid 1px #eeeeee;
}

.forum_fil a {
font-size:12px;
color:#5c8ec1;
}

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

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

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

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

/*---------------------------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:#5c8ec1;
font-weight:bold;
font-size:12px;
}

#hidden_popup_connexion p{
color:#ffffff;
}

#hidden_popup_connexion h2{
color:#ffffff;
border-bottom:solid 1px #ffffff;
}

#hidden_popup_connexion a{
color:#ffffff;
}

#hidden_popup_connexion input{
font-size:14px;
background:url('interface/identif_input.gif') no-repeat top left;
border:none;
width:160px;
height:18px;
padding:6px 10px;
margin:0px 0px 10px 0px;
}

#hidden_popup_connexion a.bouton_identif{
background:url('interface/identif_btn.gif') no-repeat top left;
display:block;
width:100px;
height:30px;
margin:0px 20px 30px 0px;
}

#hidden_popup_connexion input.bouton_identif{
background:url('interface/identif_btn.gif') no-repeat top left;
display:block;
width:100px;
height:30px;
margin:0px 20px 30px 0px;
cursor:pointer;
}

/* PORTAL */
.titre{
font-weight:bold;
font-size:16px;
color:#5c8ec1;
}

/* Test drag */

/* Sliding doors technique */

.zone_titre{
border:solid 1px #dddddd;
border-collapse:collapse;
padding:10px;
}

.zone_contour{
border:solid 1px #dddddd;
border-collapse:collapse;
margin-bottom:10px;
display:block;
}

.zone{
}

.zone_contenu{
}

.widget{
background:#ffffff;
padding:5px;
border:solid 2px #dddddd;
margin:5px;
}

.widget_nw {
background:url('interface/entete_table_bg.gif') repeat-x bottom left;
font-size:12px;
color:#ffffff;
font-weight:bold;
line-height:30px;
padding:0px 10px;
}     

.widget_nw  a, .widget_nw  a{
vertical-align:middle;
}   

.widget_w {
  padding:5px;
  margin:0px;
}

.widget_w  img{
}  

.widget_sw {
	height:15px;
}

.widget_title {
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	line-height:30px;
	margin:0px;
	padding:0px;
	text-align:center;
}

.widget_content {
  color:#000000;
  font:normal 12px/1em Tahoma, Arial, sans-serif;
  overflow:hidden;  
  padding:0px;   
  margin:0px;
  background:#ffffff;
}

.widget_statusbar {
	background:transparent url(default/bottom_right.gif) repeat-x right top;
	font-size:8px;
	height:15px;
	margin-left:11px;
}   
     
.widget_draggable {
  cursor:move;
}   

/* Ghost */
.widget_ghost {
  background:#FFF; 
  opacity: 0.5;  
  filter:alpha(opacity=100);
  position:relative;  
  border: 1px dashed #999;      
  margin:10px;
  padding:0;  
}

p {
  font-size: 12px;
}

#page {
  margin: 10px auto;
}

#page1 {  
  float:left;
  width:45%;
}

#page2 {
  float:right;
  width:45%;
}

#widget_col_0 { 
  float:left;
  border:none;
}

#widget_col_1 {
  float:left;
  border:none;
}   

#widget_col_2 { 
  float:left; 
  border:none;
}   

#widget_col_3 { 
  float:left;  
  border:none;
}   

#widget_col_4 { 
  float:left;
  border:none;
}   

#control_buttons {
  position:absolute;  
  right:0px;
  top:10px; 
  width: 50px;    
}                

#edit_button {
  position:relative;   
  float:left;
  width:16px;
  height:16px;
  background: url(../images/edit.png);    
  behavior: url(stylesheets/png.htc);   
  margin-right:5px;
}

#delete_button {
  position:relative;   
  float:left;
  width:16px;
  height:16px;
  background: url(../images/delete.png);
  behavior: url(stylesheets/png.htc);
  margin-right:5px;
}

.ig_lgbluelink, a.ig_lgbluelink{
	background:  url(default/top_right.gif) repeat-x right top;
	color:#5c8ec1;
	font:bold 14px/25px Tahoma, Arial, sans-serif;
	height:26px;
	margin:0px;
	padding:5px;
	text-align:center;   
	border:1px solid #dddddd; 
}

html {
  filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

/*---------------------------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;
}

/*---------------------------MENU ONGLETS FORMULAIRES---------------------------*/

#menu_onglet_form{
height:40px;
margin:10px 10px 0px 10px;
border-bottom:solid 1px #e6e6e6;
}

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

#menu_onglet_form li.onglet_form_selected{
margin:0px;
padding:0px;
float:left;
margin-right:5px;
border-left:solid 1px #e6e6e6;
border-right:solid 1px #e6e6e6;
border-top:solid 1px #e6e6e6;
border-bottom:solid 1px #ffffff;
position:relative;
bottom:1px;
}

#menu_onglet_form li.onglet_form{
margin:0px;
padding:0px;
float:left;
margin-right:5px;
border:solid 1px #e6e6e6;
background:#e6e6e6;
position:relative;
bottom:1px;
}

#menu_onglet_form li.onglet_form a{
font-size:12px;
text-decoration:none;
line-height:40px;
display:block;
cursor:pointer;
color:#777777;
padding:0px 10px;
}

#menu_onglet_form li.onglet_form_selected a{
font-size:12px;
text-decoration:none;
line-height:40px;
display:block;
cursor:pointer;
color:#5c8ec1;
padding:0px 10px;
}

/*---------------------------MENU FORM NEWSLETTER---------------------------*/

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

#menu_form_newsletter ul{
float:left;
margin:0px;
padding:0px;
list-style:none;
}

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

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

#menu_form_newsletter a.selected{
border-left:solid 1px #dee9f2;
border-right:solid 1px #dee9f2;
border-top:solid 1px #dee9f2;
color:#5c8ec1;
background:transparent;
font-size:12px;
text-decoration:none;
line-height:40px;
display:block;
cursor:pointer;
padding:0px 10px;
}

#menu_form_newsletter a.disabled{
border-left:solid 1px #dee9f2;
border-right:solid 1px #dee9f2;
border-top:solid 1px #dee9f2;
color:#999999;
font-size:12px;
text-decoration:none;
line-height:40px;
display:block;
cursor:default;
padding:0px 10px;
}

#menu_form_newsletter img{
padding-right:10px;
vertical-align:middle;
}