/*-------------------------------------------------------------------------------------------------*/
/*
______________________
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-size:12px;
font-family:Arial, Verdana;
background:#31bdea 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:5px 0px 10px 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;
}

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

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

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

#haut{
}

#milieu{
}

#bas{
clear:both;
background:#ffffff url('interface/bas_bg.gif') no-repeat top center;
width:980px;
height:160px;
padding:0px;
margin:0px 0px 20px 0px;
float:left;
color:#ed1a3a;
}

#bloc_contenu{
background:#ffffff;
padding:10px 20px 10px 20px;
margin:0px;
}

.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: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%;
}

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

#outils{
width:680px;
float:left;
color:#005da2;
text-align:left;
font-size:11px;
padding:70px 0px 0px 20px;
}

#outils a{
color:#005da2;
text-decoration:none;
font-size:11px;
}

#coordonnees{
width:260px;
float:left;
color:#ffffff;
text-align:right;
font-weight:bold;
font-size:11px;
padding:35px 20px 0px 0px;
}

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

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

#bandeau_logo{
float:left;
height:130px;
width:350px;
font-size:0px;
}

#bandeau_contact{
clear:both;
float:left;
height:40px;
width:350px;
font-size:0px;
}

#bandeau_boite{
float:left;
height:170px;
width:310px;
font-size:0px;
}

/*---------------------------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:right;
margin:0px 0px 0px 0px;
float:right;
height:150px;
width:270px;
font-size:0px;
padding:0px 0px 0px 50px;
}

#recherche .mcte{
float:right;
display:block;
height:20px;
font-size:10px;
color:#ffffff;
line-height:20px;
padding:0px 20px 0px 0px;
}

#recherche .mcte a{
font-size:10px;
color:#ffffff;
line-height:20px;
text-decoration:none;
}

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

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

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

#liens_trans{
clear:both;
padding-left:37px;
padding-top:50px;
font-size:12px;
color:#ffffff;
}

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

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

#liens_trans2{
float:left;
margin-left:20px;
margin-top:10px;
font-size:12px;
color:#ffffff;
}

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

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

/* Voir menu.css */

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

#ariane{
background:#ffffff url('interface/ariane_bg.gif') repeat-x top center;
clear:both;
color:#000000;
font-size:12px;
display:block;
width:940px;
padding:0px 20px;
height:30px;
line-height:30px;
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:#005DA2;
}

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

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

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

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

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

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

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

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

.table_agenda_deco{
float:left;
width:100%;
height:160px;
padding:0px 0px 30px 0px;
background:url('interface/agenda_bg2.jpg') no-repeat top left;
}

.table_agenda{
}

.table_agenda td{
padding:10px;
color:#ffffff;
}

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

.table_agenda span.bouton a{
width:160px;
text-align:center;
background:url('interface/agenda_bouton.gif') no-repeat top right;
color:#ffffff;
font-weight:normal;
padding:0px 10px 0px 0px;
font-size:11px;
text-decoration:none;
line-height:30px;
display:inline-block;
}