/*---------------------------GLOBAL---------------------------*/

html{
margin:0px;
}

body{
background:#eeeeee url('general/body_bg.gif') repeat-x top left;
font-family:Arial, Verdana;
margin:0px;
width:100%;
height:100%;
}

#deco{
background:url('general/deco_bg.jpg') no-repeat top center;
font-family:Arial, Verdana;
margin:0px;
width:100%;
height:100%;}

h1{
color:#01a0be;
font-weight:bold;
font-size:24px;
line-height:30px;
margin:20px 0px 0px 0px;
padding:0px;
}

h2{
color:#bbbbbb;
font-weight:normal;
font-size:18px;
margin:0px 0px 0px 0px;
padding:0px;
}

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

h4{
color:#01A0BE;
font-weight:normal;
font-size:15px;
margin:0px;
padding:0px;
}

a{
color:#01a0be;
}

a:hover{
color:#666666;
}

p{
font-size:12px;
padding:0px;
}

img{
border:none;
}

hr {
background-color:#DDDDDD;
border:0 none;
color:#DDDDDD;
height:1px;
}

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

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

#alerte {
float:left;
width:980px;
background-color:#eee;
border:1px solid #01a0be;
color:#000000;
padding: 6px 20px 12px 20px;
font-size:13px;
}

#alerte a{
text-decoration:none;
}

#haut{
}

#milieu{
background:url('general/milieu_deco_bg.gif') no-repeat top left;
padding:0px 20px;
clear:both;
float:left;
}


#milieu_deco{
background:url('general/site_bg.gif') repeat-y top left;
padding:0px 0px;
float:left;
}

#bas{
background:url('general/bas_bg.gif') repeat-y top left;
padding:0px 20px;
clear:both;
float:left;
}

#content{
width:940px;
background:url('general/content_bg.gif') repeat-x top left;
padding:10px 20px 20px 20px;
clear:both;
float:left;
}

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

#bandeau{
clear:both;
float:left;
width:980px;
height:90px;
padding:0px 20px;
background:url('general/bandeau.jpg') no-repeat top center;
}

/*---------------------------BARRE UTILISATEUR---------------------------*/

#barre_utilisateur{
width:980px;
height:30px;
margin:0px;
float:left;
text-align:left;
padding:0px 20px 0px 20px;
font-size:12px;
color:#ffffff;
line-height:30px;
}

#barre_utilisateur a{
color:#ffffff;
}

#user{
background:url('general/ico_user.gif') no-repeat center left;
float:left;
padding:0px 0px 0px 20px;
width:250px;
color:#ffffff;
}

#date{
background:url('general/ico_date.gif') no-repeat center left;
float:left;
padding:0px 0px 0px 20px;
width:160px;
color:#ffffff;
}

#logout{
background:url('general/ico_logout.gif') no-repeat center left;
float:left;
padding:0px 0px 0px 20px;
width:160px;
color:#ffffff;
}

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

#recherche{
float:left;
margin:0px;
padding-top:35px;
}

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

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

.onglet_recherche{
width:150px;
padding:10px;
margin-right:10px;
}

.onglet_recherche_selected{
border-top:solid 1px #dddddd;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
background:#ffffff;
width:150px;
padding:10px;
margin:5px;
}

.lien_onglet_recherche{
color:#21b1cc;
font-size:12px;
text-decoration:none;
font-weight:bold;
}

.table_form_recherche{
background:#ffffff;
}

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

#menu_principal{
clear:both;
float:left;
height:40px;
width:980px;
padding:0px 20px;
background:url('general/menu_bg.jpg') no-repeat top center;
}

#menu{
list-style:none;
height:40px;
padding:0px 0px;
margin:0px;
white-space:nowrap;
}

#menu li{
margin:0;
display:inline;
float:left;
}

#menu li a{
display:block;
padding:0px 20px;
line-height:40px;
font-weight:bold;
font-size:12px;
color:#ffffff;
text-decoration:none;
border-right:solid 1px #d7d7d7;
}

#menu li a:hover{
background:#eeeeee;
color:#80b4df;
text-decoration:none;
}

#menu li a.sub{
background:url('general/menu_deroulant_fleche.gif') no-repeat 95%  17px;
}

#menu li a.sub:hover{
background:#eeeeee url('general/menu_deroulant_fleche2.gif') no-repeat 95%  17px;
color:#80b4df;
}

#menu li a.selected{
background:#eeeeee;
color:#80b4df;
text-decoration:none;
}

/* niveau 0 toujours visible */

#menu ul{
list-style:none;
background:#eeeeee;
position:absolute;
display:none;
padding:0px;
margin:0px 0px 0px -1px;
width:200px;
}

#menu ul li{
float:none;
}

#menu ul li a{
display:block;
padding:5px 20px;
line-height:20px;
text-decoration:none;
color:#555555;
font-weight:normal;
font-size:11px;
border-bottom:solid 1px #d7d7d7;
border-right:solid 1px #d7d7d7;
border-left:solid 1px #d7d7d7;
}

#menu ul li a:hover{
background:#dddddd;
color:#000000;
}

#menu ul li a.sub{
background:url('general/menu_deroulant_fleche2.gif') no-repeat 95%  12px;
}

#menu ul li a.sub:hover{
background:#dddddd url('general/menu_deroulant_fleche2.gif') no-repeat 95%  12px;
color:#000000;
}

/* sous sous-menus */

#menu ul li ul{
list-style:none;
background:#eeeeee;
left:100%;
margin:-32px 0px 0px -1px;
padding:0px;
border-top:solid 1px #d7d7d7;
}

#menu ul li ul li{
float:none;
}

#menu ul li ul li a{
display:block;
padding:5px 20px;
line-height:20px;
text-decoration:none;
color:#555555;
font-weight:normal;
font-size:11px;
border-bottom:solid 1px #d7d7d7;
border-right:solid 1px #d7d7d7;
border-left:solid 1px #d7d7d7;
}

#menu ul li ul li a:hover{
background:#dddddd;
}

#menu a:hover,#menu a:active,#menu a:focus{

}

#menu .montre{
display:block;
}

/* flèches */
 
/* tracé de la souris */

#menu li a.trace{
background:#eeeeee url('general/menu_deroulant_fleche2.gif') no-repeat 95%  17px;
color:#80b4df;
}

#menu li ul li a.trace{
background:#dddddd url('general/menu_deroulant_fleche2.gif') no-repeat 95%  12px;
color:#000000;
}

/*---------------------------OPTIONS---------------------------*/

#options{
background:url('general/options_bg.gif') repeat-x top left;
float:left;
height:90px;
width:940px;
padding:0px 20px;
}

#options_gauche{
float:left;
width:470px;
}

#options_droite{
float:right;
width:470px;
padding:20px 0px 0px 0px;
}

#options_droite ul{
list-style:none;
height:62px;
padding:0px 0px;
margin:0px;
}

#options_droite li{
margin:0px 0px 0px 10px;
display:inline;
float:right;
}

#options_droite li a{
display:block;
padding:0px;
height:62px;
width:54px;
}

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

#ariane{
background:url('general/ico_home.gif') no-repeat center left;
float:left;
padding:0px 0px 0px 20px;
color:#ffffff;
clear:both;
color:#000000;
font-size:12px;
display:block;
width:450px;
height:40px;
line-height:40px;

}

#ariane a {
font-size:12px;
color:#01a0be;
text-decoration:none;
}

#ariane_fil{
float:left;
}

/*---------------------------PIED---------------------------*/

#bas .pied{
clear:both;
float:left;
width:980px;
}

#bas .liens_outils{
line-height:30px;
color:#01a0be;
font-size:12px;
text-align:left;
float:left;
width:560px;
padding:10px 20px;
}

#bas .liens_outils a{
color:#01a0be;
font-size:12px;
text-decoration:none;
}

#bas .coordonnees{
line-height:30px;
color:#000000;
font-size:12px;
text-align:right;
float:left;
width:340px;
padding:10px 20px;
}

/* CLASSES UTILES */
a.info {
color:#5C8EC1;
font-size:12px;
font-weight:bold;
position:relative;
text-decoration:none;
}
a.info span {
display:none;
}
a.info:hover {
background:transparent none repeat scroll 0 0;
cursor:help;
z-index:500;
}
a.info:hover span {
background-color:#FAFAFA;
border:3px solid #CCCCCC;
color:black;
display:inline;
font-size:12px;
font-weight:normal;
left:20px;
padding:5px;
position:absolute;
top:30px;
white-space:nowrap;
}
span.bouton {
background:transparent url(general/bouton_bg.gif) no-repeat scroll left top;
display:inline-block;
line-height:30px;
padding:0 0 0 10px;
}
span.bouton a {
background:transparent url(general/bouton_bg.gif) no-repeat scroll right top;
color:#FFFFFF;
display:inline-block;
font-size:11px;
line-height:20px;
padding:0 10px 0 0;
text-decoration:none;
}
.identification {
border:2px solid #DDDDDD;
padding:0 0 0 150px;
}

.texte {
font-size:11px;
}
.libelle {
color:#01A0BE;
font-size:12px;
font-weight:bold;
}
.titre {
color:#01A0BE;
font-size:16px;
font-weight:bold;
}

.admin_menu_layer {
color:#01A0BE;
font-size:12px;
border-top:solid 1px #dddddd;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
padding:10px;
margin:5px;
}
.admin_menu_layer_select {
color:#01A0BE;
font-size:14px;
font-weight:bold;
border-top:solid 1px #dddddd;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
padding:10px;
margin:5px;
}

.admin_langue {
border-top:solid 1px #dddddd;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
background-color:#eeeeee;
width:100px;
margin:5px;
}
.admin_langue_select {
font-weight:bold;
border-top:solid 1px #dddddd;
border-left:solid 1px #dddddd;
border-right:solid 1px #dddddd;
width:150px;
margin:5px;
}

/*---------------------------TABLE IDENTIF---------------------------*/

.table_identif{
border-collapse:collapse;
font-size:14px;
background:url('general/identif_key.gif') no-repeat 740px 10px;
border-top:solid 1px #dddddd;
border-bottom:solid 1px #dddddd;
}

.table_identif tr td{
padding:10px 10px
}

.table_identif input{
font-size:14px;
background:url('general/identif_input_bg.gif') no-repeat top left;
border:none;
width:230px;
height:18px;
padding:6px 10px 6px 10px;
margin:0px;
}

.table_identif a.bouton{
background:#000000 url('general/gros_bouton_bg.gif') no-repeat top left;
padding:0px 0px 0px 20px;
height:30px;
float:left;
display: block;
text-decoration:none;
}

.table_identif a.bouton  span{
background:#000000 url('general/gros_bouton_bg.gif') no-repeat top right;
padding:0px 20px 0px 0px;
color:#ffffff;
line-height:30px;
font-size:14px;
text-decoration:none;
display:block;
cursor:pointer;
}

.table_identif a.bouton:hover{
background:#000000 url('general/gros_bouton_bg_over.gif') no-repeat top left;
}

.table_identif a.bouton:hover  span{
background:#000000 url('general/gros_bouton_bg_over.gif') no-repeat top right;
}

/*---------------------------TABLE DONNEES---------------------------*/

.table{
border-collapse:collapse;
font-size:12px;
border:solid 1px #dddddd;
}

.table tr{
}

.table tr td{
border-top:solid 2px #dddddd;
border-bottom:solid 1px #dddddd;
padding:5px 10px
}

.table tr.entete_table td{
background:#ffffff url('general/entete_table_bg.gif') repeat-x top left;
border-top:solid 2px #dddddd;
border-bottom:solid 1px #dddddd;
padding:10px 10px;
font-weight:bold;
line-height:20px;
}

.table tr.filtre td{
background:#eeeeee;
border-top:solid 1px #dddddd;
border-bottom:solid 1px #dddddd;
padding:10px 10px;
font-weight:bold;
line-height:20px;
}

.table a.bouton{
background:#000000 url('general/bouton_bg.gif') no-repeat top left;
padding:0px 0px 0px 20px;
height:20px;
float:left;
display: block;
text-decoration:none;
}

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


.table_couleur {
border:solid 1px #A8BDCF;
margin:0px;
}

.table_couleur tr{
}

.table_couleur td, .table_couleur th{
line-height:20px;
padding:2px 5px;
font-size:11px;
}

.table_couleur td.entete_table, .table_couleur tr.entete_table td{
color:#01A0BE;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 5px;
}

.table_couleur2 {
background-color:#EEEEEE;
margin:0px;
}

.table_couleur2 tr{
}

.table_couleur2 td, .table_couleur2 th{
line-height:20px;
padding:2px 10px;
font-size:11px;
}

.table_couleur2 td.entete_table, .table_couleur2 tr.entete_table td{
color:#01A0BE;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

/* POPUP ALERTES */

.popup_alerte{
position:absolute;
border:2px solid #999999;
background-color: #FFFFFF;
font-size:12px;
padding:0px;
}

.popup_alerte  .entete{
background-color: #eeeeee;
color:#ffffff;
line-height:30px;
padding:5px 5px;
}

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

.div_left{
width:50%;
background-color: #eeeeee;
float:left;
margin:0px 10px 10px 0px;
}

.document {
padding:5px 5px 5px 5px;
}

/* PLAN DU SITE */
h1.plan_niveau {
border-bottom:2px solid #eeeeee;
color:#004CA0;
font-size:14px;
font-weight:normal;
margin:2px 0;
}

h2.plan_niveau {
color:#004CA0;
font-size:12px;
font-weight:normal;
margin:2px 0;
padding-left:20px;
border:0px;
}

#plan_site ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

#id_gestion_etat {
margin-top:30px;
}

#id_gestion_action {
margin-top:30px;
}


/*-----------ARTICLE---------*/

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

#article h1{
color:#000000;
font-weight:bold;
font-size:36px;
margin:5px 0px;
padding:0px;
}

#article p{
margin:10px 0px;
text-align:justify;
}

#article .contenu{
float:left;
padding:0px 20px;
}

#article .chapeau{
float:left;
width:100%;
}

#article .chapeau p{
font-size:14px;
font-weight:bold;
}

#article .zone1{
float:left;
width:100%;
margin:10px 0px;
}

#article .zone1 img{
float:left;
display:block;
background:#000000;
margin:10px 10px 10px 0px;
width:400px;
height:280px;
}

#article .zone2{
float:left;
width:100%;
margin:10px 0px;
}

#article .zone2_g{
float:left;
margin:10px 10px 10px 0px;
width:200px;
}

#article .zone2_d{
float:right;
margin:10px 0px 10px 10px;
width:200px;
}

#article .zone2 img{
display:block;
background:#000000;
margin-bottom:10px;
width:200px;
height:140px;
}

#article .zone2 .extrait{
float:left;
padding:10px;
background:#eeeeee;
font-size: 12px;
}

#article .zone3{
float:left;
width:100%;
background:#eeeeee;
margin:10px 0px;
}

#article .zone3 .contenu{
float:left;
background:#eeeeee;
padding:10px;
}

#article .zone4{
float:left;
width:100%;
margin:10px 0px;
}

#article .zone4 p{
border-bottom:solid 1px #dddddd;
padding:5px 0px;
}

#article .zone4 p a{
text-decoration:none;
}

/**************** ESPACE COLLABORATIF *******************/
h1.titre_espace{
color:#01a0be;
font-weight:bold;
font-size:22px;
line-height:30px;
margin:0px;
padding:0px;
}

.chart_loading {
position:absolute; 
bottom:0%; 
left:0%; 
height:10%; 
width:10%; 
padding:0; 
margin:0; 
z-index:1000; 
text-align:center;
}

.outil_donnees{
background:#EEEEEE;
padding:5px;
margin:0px 5px;
text-decoration:none;
}

/**** MUR ****/

.mur_commentaires {
margin:0px;
}

.mur_commentaires tr{
}

.mur_commentaires td, .mur_commentaires th{
line-height:20px;
padding:2px 5px;
font-size:11px;
background-color:#EFFDFF;
}

.mur_commentaires td.entete_table, .mur_commentaires tr.entete_table td{
color:#01A0BE;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 5px;
}