/*-------------------------------------------------------------------------------------------------*/
/*
______________________
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:#999999;
margin:0px;
width:100%;
height:100%;}

h1{
background:url('interface/titre_bg.gif') no-repeat top left;
line-height:18px;
color:#e50049;
font-size:18px;
border:none;
margin:0px;
padding:12px 0px 10px 20px;
font-weight:normal;
}

h2{
background:url('interface/titre_bg.gif') no-repeat top left;
line-height:40px;
color:#e50049;
font-size:16px;
border:none;
margin:0px;
padding:0px 0px 0px 20px;
}

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

a{
color:#ed1a3a;
}

a:hover{
color:#666666;
}

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

img{
border:none;
}

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

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

#haut{
}

#milieu{
}

#bas{
clear:both;
width:960px;
height:60px;
margin:0px 0px 10px 0px;
float:left;
color:#ed1a3a;
border-top:solid 1px #d4d4d4;
}

#bloc_contenu{
clear:both;
float:left;
width:960px;
}

.donnees{

}

.une_colonne_gauche{
background:url('interface/colonne_centre_bas_bg.gif') no-repeat bottom left;
float:left;
width:570px;
padding:10px 20px;
}

.une_colonne_droite{
width:320px;
float:left;
padding:10px 15px;
}

.une_colonne_droite_1{
width:320px;
float:left;
padding:0px;
}

.une_colonne_droite_2{
clear:both;
width:320px;
float:left;
padding:0px;
}

#colonne_gauche2{
width:199px;
float:left;
padding:0px 0px 100px 0px;
margin-left:20px;
border-top:solid 1px #dddddd;
border-bottom:solid 1px #dddddd;
border-right:solid 1px #dddddd;
}

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

.colonne_centre3_content{
padding:10px 20px;
overflow:auto;
}

#content{
background:#ffffff;
padding:10px 0px;
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{
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;
}

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

#liens_trans{
float:right;
padding:0px 20px;
font-size:12px;
color:#ed1a3a;
line-height:30px;
}

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

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

#logo_anjoueco{
float:left;
width:640px;
height:190px;
}

#bandeau_droite{
float:right;
width:320px;
height:190px;
}

#logo{
clear:both;
float:right;
padding-right:70px;
padding-top:30px;
}

#recherche{
clear:both;
float:right;
padding-right:20px;
padding-top:10px;
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-right:10px;
}

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

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

#menu_n1{
background:#cc262b;
padding-left:40px;
float:left;
width:920px;
}

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

#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 20px 0px 10px;
line-height:40px;
font-weight:normal;
font-size:16px;
color:#ffffff;
text-decoration:none;
}

/*#menu_n1 li.onglet_selected a{
background:#ffffff;
color:#cc262b;
position:relative;
left:-1px;
}*/

#menu_n1 li a:hover{
height:40px;
padding:0px 20px 0px 10px;
background:#ffffff;
line-height:40px;
font-weight:normal;
font-size:16px;
color:#cc262b;
text-decoration:none;
position:relative;
left:-1px;
}

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

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

#menu_n2{
}

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

#menu_n2 li.menu_n1_rappel{
background:#cc262b no-repeat left 12px;
margin:0px;
padding:10px 0px 10px 10px;
line-height:20px;
color:#ffffff;
font-weight:bold;
}

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

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

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

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

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

#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;
margin:0px 20px 10px 20px;
height:30px;
line-height:30px;
border-bottom:solid 1px #dddddd;
}

#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;
}