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

#deco1{
/*background:url('interface/menu_n1_bg.gif') repeat-x left 120px;*/
}

h1{
color:#e50049;
font-size:18px;
font-weight:normal;
margin:10px 0px 15px 0px;
padding:0px 0px 0px 0px;
display:block;
}

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

h3{
color:#777777;
font-weight:bold;
font-size:14px;
margin:5px 0px;
padding:0px 0px 5px 0px;
border-bottom:solid 1px #dddddd;
}

a{
color:#ed1a3a;
}

a:hover{
color:#666666;
}

p{
font-size:12px;
margin: 5px 0px;
}

img{
border:none;
}

table, table tr, table tr td{
font-size:12px;
}

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

#site{
width:980px;
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 top center;
width:980px;
height:60px;
padding-top:20px;
margin:0px 0px 10px 0px;
float:left;
color:#ed1a3a;
}

#bloc_contenu{
float:left;
padding:0px 10px 10px 10px;
}

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

.une_colonne_droite{
width:200px;
float:right;
padding:10px 20px;
}

.une_colonne_centre{
background:url('interface/colonne_centre_bas_bg.gif') no-repeat bottom left;
margin-left:470px;
margin-right:240px;
width:250px;
padding:0px 0px 30px 0px;
}

.une_colonne_centre .bas_colonne_centre{
background:#e50049 url('interface/colonne_centre_bg.gif') no-repeat top left;
width:210px;
padding:10px 20px;
}

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

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

#colonne_centre2{
float:left;
width:100%;
}

.colonne_centre2_content{
padding:10px 0px;
float:left;
}

.colonne_droite3{
width:200px;
float:right;
padding:10px 0px 10px 20px;
}

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

.colonne_centre3_content{
padding:0px 0px;
float:left;
width:100%;
}

.colonne_agenda{
float:left;
width:740px;
padding:10px 0px 10px 20px;
}

#content{
background:#ffffff;
padding:10px;
clear:both;
float:left;
}

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

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

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

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

.bandeau1{
float:left;
width:180px;
padding:10px 20px;
}

.bandeau1 a{
float:left;
}

.bandeau2{
float:left;
width:300px;
}

.bandeau3{
float:left;
width:210px;
font-size:0px;
}

.bandeau4{
float:left;
width:250px;
}

a.offre_produit{
float:left;
background:url('interface/offre_produit_btn.jpg') no-repeat top left;
display:block;
float:left;
width:180px;
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---------------------------*/

#recherche{
float:left;
padding:10px 30px;
width:240px;
}

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

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

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

#liens_trans{
clear:both;
float:left;
width:280px;
padding:0px 10px;
}

#liens_trans a{
float:left;
width:140px;
text-decoration:none;
}

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

#liens_trans2{
float:left;
padding:10px 0px 0px 20px;
font-size:12px;
color:#ffffff;
width:230px;
}

#liens_trans2 a{
background:url('interface/liens_trans_puce.gif') no-repeat center left;
padding-left:10px;
text-decoration:none;
font-size:12px;
color:#ffffff;
line-height:16px;
}

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

#menu_accueil{
height:190px;
width:980px;
float:left;
}

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

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

#menu_accueil li a.item1{
display:block;
width:202px;
height:190px;
background:url('interface/menu_image_1.jpg') no-repeat top left;
}

#menu_accueil li a.item2{
display:block;
width:192px;
height:190px;
background:url('interface/menu_image_2.jpg') no-repeat top left;
}

#menu_accueil li a.item3{
display:block;
width:192px;
height:190px;
background:url('interface/menu_image_3.jpg') no-repeat top left;
}

#menu_accueil li a.item4{
display:block;
width:192px;
height:190px;
background:url('interface/menu_image_4.jpg') no-repeat top left;
}

#menu_accueil li a.item5{
display:block;
width:202px;
height:190px;
background:url('interface/menu_image_5.jpg') no-repeat top left;
}

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

#menu_n1{
clear:both;
float:left;
width:960px;
height:40px;
background:url('interface/menu_n1_bg.gif') repeat-x top left;
padding-left:20px;
overflow:hidden;
}

#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{
margin:0px;
float:left;
}

#menu_n1 li a{
background:url('interface/menu_n1_item_bg.gif') no-repeat bottom right;
display:block;
height:40px;
padding:0px 17px 0px 8px;
line-height:40px;
font-weight:normal;
font-size:16px;
color:#ffffff;
text-decoration:none;
}

#menu_n1 li a.selected{
background:url('interface/menu_n1_item_bg_selected.gif') repeat-x top left;
position:relative;
left:-1px;
}


#menu_n1 li a:hover{
background:url('interface/menu_n1_item_bg_hover.gif') repeat-x top left;
height:40px;
padding:0px 17px 0px 8px;
line-height:40px;
font-weight:normal;
font-size:16px;
text-decoration:none;
position:relative;
left:-1px;
color:#000000;
}

/*---------------------------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 10px 13px;
margin:0px;
}

#menu_n2 li.niveau4{
background:url('interface/menu_n2_puce_grise.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:#000000;
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;
color:#000000;
}

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

#menu_n2 li.niveau4 a{
display:block;
padding:5px 0px 5px 30px;
line-height:20px;
font-weight:normal;
font-size:11px;
color:#666666;
text-decoration:none;
border-bottom:solid 1px #d7d7d7;
}

#menu_n2 li.niveau4 a:hover{
font-size:11px;
color:#999999;
}

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

#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:980px;
padding:0px;
height:40px;
line-height:40px;
border-bottom:solid 1px #d7d7d7;
}

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

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