/*-------------------------------------------------------------------------------------------------*/
/*
______________________
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:#ffffff url('interface/body_bg.jpg') no-repeat top center;
margin:0px;
width:100%;
height:100%;}

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

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

h3{
color:#777777;
font-weight:normal;
font-size:16px;
margin:10px 0px;
padding:0px 0px 5px 0px;
}

h4{
color:#999999;
font-weight:bold;
font-size:14px;
margin:5px 0px;
padding:0px 0px 5px 0px;
}

a{
color:#ed1a3a;
}

a:hover{
color:#666666;
}

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;
background:#ffffff;
overflow:auto;
}

#haut{
}

#milieu{
}

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

.donnees{
/*float:left;*/
}

.une{
background:url('interface/site_bg.gif') repeat-y top left;
float:left;
}

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

.une_colonne_droite{
width:240px;
float:right;
padding:0px;
}

.une_colonne_centre{
margin-left:290px;
margin-right:240px;
width:410px;
padding:10px;
}

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

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

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

.colonne_centre3{
float:left;
width:100%;
}

.colonne_centre3_content{
padding:10px 20px;
/*float:left;*/
}

#bloc_contenu{
background:#ffffff;
padding:0px;
clear:both;
/*float:left;*/
}

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

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

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

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

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_esiame{
float:left;
width:350px;
}

#logo_cci{
float:right;
width:160px;
}

#logo_essca{
float:right;
width:160px;
}

#recherche{
clear:both;
float:right;
width:240px;
padding:0px 0px 0px 10px;
}

#recherche label{
display:none;
}

#recherche input{
float:left;
font-size:11px;
background:url('interface/recherche_input_bg.gif') no-repeat top left;
border:none;
width:180px;
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:right;
width:960px;
padding:0px;
font-size:12px;
color:#638b9d;
text-align:right;
line-height:30px;
}

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

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

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

#menu_n1 ul{
background:url('interface/menu_n1_item_bg.gif') no-repeat bottom left;
margin:0px;
height:40px;
padding:0px;
list-style:none;
}

#menu_n1 li{
background:url('interface/menu_n1_item_bg.gif') no-repeat bottom right;
margin:0px;
float:left;
}

#menu_n1 li a{
display:block;
height:40px;
padding:0px 20px 0px 20px;
line-height:40px;
font-weight:normal;
font-size:15px;
color:#ffffff;
text-decoration:none;
}

#menu_n1 li.onglet_selected {
background-image:none;
background-color:#ffffff;
}

#menu_n1 li.onglet_selected  a{
background-image:none;
color:#638b9d;
}

#menu_n1 li a:hover{
height:40px;
padding:0px 20px 0px 20px;
background:#638b9d;
line-height:40px;
font-weight:normal;
font-size:15px;
color:#ffffff;
text-decoration:none;
}

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

#menu_n2{
}

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

#menu_n2 li{
background:url('interface/menu_n2_puce_grise.gif') no-repeat left 12px;
margin:0px;
}

#menu_n2 li li{
background:url('interface/menu_n2_puce_verte.gif') no-repeat 20px 13px;
margin:0px;
}

#menu_n2 li a{
display:block;
padding:5px 0px 5px 10px;
line-height:20px;
font-weight:normal;
font-size:12px;
color:#638b9d;
text-decoration:none;
border-bottom:solid 1px #d7d7d7;
}

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

#menu_n2 li a.selected{
font-weight:bold;
}

#menu_n2 li li a{
display:block;
padding:5px 0px 5px 30px;
line-height:20px;
font-weight:bold;
font-size:12px;
color:#27a24f;
text-decoration:none;
border-bottom:solid 1px #d7d7d7;
}

#menu_n2 li li a:hover{
font-weight:bold;
font-size:12px;
color:#27a24f;
text-decoration:none;
}

/* Voir menu.css */

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

#ariane{
clear:both;
color:#000000;
font-size:12px;
display:block;
width:920px;
padding:0px 20px;
height:30px;
line-height:30px;
background:#ffffff url('interface/content_haut.gif') no-repeat top left;
}

#ariane a {
font-size:12px;
color:#ed1a3a;
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;
}

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

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

#plan_du_site{
}

#plan_du_site ul{
margin:10px 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:16px;
color:#000000;
}

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

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

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

#plan_du_site li.plan3 a{
text-decoration:none;
font-size:12px;
color:#000000;
}

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

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

#plan_du_site li.plan5{
padding:5px 0px 5px 80px;
}

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

#plan_du_site li a:hover{
color:#666666;
}

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

/*---------------------------MOTEUR DE RECHERCHE (RESULTATS)---------------------------*/

.pageSelector{
padding: 5px;
line-height: 30px;
background: #eeeeee;
font-size: 11px;
}

.pageSelector a{
border: 1px solid #cccccc;
padding: 2px 5px;
text-decoration: none;
margin: 0px 3px;
}

.pageSelector a:hover{
background: #666666;
color: #ffffff;
border: 1px solid #666666;
padding: 2px 5px;
text-decoration: none;
margin: 0px 3px;
}

.currentPage{
color: #ffffff;
border: 1px solid #638b9d;
background: #638b9d;
}