/*-------------------------------------------------------------------------------------------------*/
/*
______________________
INTERFACE
______________________
Feuille de style de l'interface du site
_________________________________________________________
*/

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

html{
margin:0px;
}



h1{
color:#6C97BA;
font-weight:bold;
font-size:30px;
margin:2px 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;
}

a{
color:#ed1a3a;
}

a:hover{
color:#666666;
}

p{
font-size:12px;
}

img{
border:none;
}

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

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

#haut{
}

#milieu{
}

#bas{
height:30px;
background-color:#C1C1B1;
background:#000000;
clear:both;
color:#ffffff;
}

#content{
background:#ffffff url('portail/content_bg.gif') repeat-x top left;
padding:0px;
clear:both;
float:left;
}

#donnees {
clear:both;
margin-top:7px;
width:635px;
float:right;
}



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

#barre_utilisateur{
width:980px;
margin-top:50px;
float:right;
text-align:right;
background:url('portail/barre_uti_bg.gif') no-repeat top left;
padding:0px;
font-size:12px;
color:#ffffff;
line-height:30px;
}

#barre_utilisateur a{
color:#ffffff;
}

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

#recherche{
float:right;
margin-right:0px;
margin-top:50px;
}

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

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

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

#menu_n1{
height:40px;
padding:0px 20px;
background:#eeeeee url('portail/menu_n1_bg.gif') repeat-x top left;
}

#menu_n1 ul{
margin:0px;
height:40px;
padding:0px;
list-style:none;
}

#menu_n1 li{
margin:0px;
float:left;

}

#menu_n1 li a{
background:url('portail/menu_n1_item_bg.gif') no-repeat top right;
display:inline-block;
height:40px;
padding:0px 20px;
line-height:40px;
font-weight:bold;
font-size:18px;
color:#ffffff;
text-decoration:none;
}

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

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

#menu_n2{
}

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

#menu_n2 li{
margin:0px;
}

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

#menu_n2 li li.selected{
background:url('portail/menu_n2_selected.gif') no-repeat top left;
margin:0px;
}

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

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

#menu_n2 li li a{
display:block;
padding:10px 0px 10px 20px;
line-height:20px;
font-weight:normal;
font-size:12px;
color:#93a9d1;
text-decoration:none;
border:none;
}

#menu_n2 li li.selected a{
color:#ffffff;
}

#menu_n2 li li a:hover{
font-weight:normal;
font-size:12px;
color:#000000;
text-decoration:none;
background:url('portail/menu_n2_hover.gif') no-repeat top left;
}


/* Voir menu.css */

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

#ariane{
clear:both;
color:#000000;
font-size:12px;
display:block;
width:600px;
padding:0px 20px;
height:35px;
line-height:35px;
/*border-bottom:solid 1px #eeeeee;*/
}

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

/*---------------------------PLAN---------------------------*/

.plan_site{
width:600px;
padding:10px 10px 30px 10px;
background:#222222 url('portail/plan_bg.gif') repeat-x top left;
float:left;
}

.plan_site .categ{
width:150px;
float:left;
padding:0px;
}

.plan_site ul{
margin:0px;
padding:0px;
}

.plan_site li{
font-size:11px;
padding:0px 10px;
margin:0px;
line-height:20px;
list-style-type:none;
}

.plan_site li a{
font-size:11px;
color:#bbbbbb;
font-weight:normal;
text-decoration:none;
}

.plan_site li a.titre_categ{
font-size:12px;
color:#ffffff;
font-weight:bold;
text-decoration:none;
}

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

#bas .pied{
clear:both;
float:left;
width:800px;
display:block;
}

#bas .liens_outils{
line-height:25px;
color:#ffffff;
font-size:12px;
text-align:left;
float:left;
width:800px;
height:25px;
padding:5px 5px;
}

#bas .liens_outils a{
font-weight:bold;
padding-right:10px;
color:#ffffff;
font-size:12px;
text-decoration:none;
}

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

#bas .coordonnées a{
color:#ffffff;
font-size:12px;
}

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

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

/*-------------------------------------------------------------------------------------------------*/
/*
________________________________________
UNE
________________________________________
Feuille de style de mise en page de la une
_________________________________________________________
*/

/*---------------------------ZONING---------------------------*/

#une{
padding:0px 0px;
float:left;
}

#zone1{
float:left;
padding:0px 20px 20px 20px;
}
#zone2{
float:left;
padding:15px;
}
/*

#zone2_1{
float:left;
width:500px;
margin:0px 20px 0px 0px;
}

#zone2_2{
float:left;
width:130px;
margin:0px;
}
*/
#zone3{
background:url('portail/zone_bg.gif') repeat-x top left;
float:left;
padding:20px;
}

#zone3_1{
float:left;
width:130px;
margin:0px 20px 0px 0px;
}

#zone3_2{
float:left;
width:130px;
margin:0px 20px 0px 0px;
}

#zone3_3{
float:left;
width:130px;
margin:0px 0px 0px 0px;
}

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

.identification{
background:url('portail/identif_bg.gif') no-repeat top left;
float:left;
width:220px;
padding:0px;
margin:0px 20px 10px 0px;
}

.identification h1{
font-size:14px;
color:#ffffff;
width:200px;
padding:0px 10px;
margin:0px;
line-height:30px;
font-weight:bold;
}

.identification {
background:url('portail/identif_bg.gif') no-repeat bottom left;
float:left;
width:200px;
padding:10px;
margin:0px 0px 0px 0px;
}

.identification p{
font-size:12px;
color:#ffffff;
padding:0px;
margin:5px 0px;
font-weight:normal;
}

.identification a{
font-size:12px;
color:#ffffff;
padding:0px;
margin:0px;
font-weight:normal;
}

/*---------------------------NEWSLETTER---------------------------*/

.newsletter{
background:url('portail/identif_bg.gif') no-repeat top left;
float:left;
width:220px;
padding:0px;
margin:0px 20px 10px 0px;
}

.newsletter h1{
font-size:14px;
color:#ffffff;
width:200px;
padding:0px 10px;
margin:0px;
line-height:30px;
font-weight:bold;
}

.newsletter {
background:url('portail/identif_bg.gif') no-repeat bottom left;
float:left;
width:200px;
padding:10px;
margin:0px 0px 0px 0px;
}

.newsletter p{
font-size:12px;
color:#ffffff;
padding:0px;
margin:5px 0px;
font-weight:normal;
}

.newsletter input{
float:left;
font-size:14px;
background:url('portail/newsletter_input_bg.gif') no-repeat top left;
border:none;
width:150px;
height:18px;
padding:6px 10px;
margin:0px;
}

.newsletter a{
background:url('portail/newsletter_btn.gif') no-repeat top left;
display:block;
float:left;
width:30px;
height:30px;
}

/*---------------------------AUTRE BLOC---------------------------*/

.autre_bloc{
background:url('portail/identif_bg.gif') no-repeat top left;
float:left;
width:220px;
padding:0px;
margin:0px 0px 10px 0px;
}

.autre_bloc h1{
font-size:14px;
color:#ffffff;
width:200px;
padding:0px 10px;
margin:0px;
line-height:30px;
font-weight:bold;
}

.autre_bloc {
background:url('portail/identif_bg.gif') no-repeat bottom left;
float:left;
width:200px;
padding:10px;
margin:0px 0px 0px 0px;
}

.autre_bloc p{
font-size:12px;
color:#ffffff;
padding:0px;
margin:5px 0px;
font-weight:normal;
}

.autre_bloc a{
font-size:12px;
color:#ffffff;
padding:0px;
margin:0px;
font-weight:normal;
}
/*---------------------------ACTUALITES---------------------------*/

.actualites{
float:left;
padding:0px;
margin:0px 0px 10px 0px;
}

.actualites h1{
color:#80b4df;
font-size:30px;
font-weight:normal;
padding:0px 0px 0px 0px;
margin:0px 0px 10px 0px;
border:none;
}

.actualite {
background:#ffffff;
float:left;
padding:0px;
margin:0px;
}

.actualites .item{
float:left;
padding:5px 0px;
margin:0px;
border-bottom:solid 1px #dddddd;
}

.actualites img{
float:left;
background:#eeeeee;
width:280px;
height:160px;
margin:0px 10px 10px 0px;
}

.actualites .date{
color:#aaaaaa;
font-size:11px;
font-weight:bold;
padding:0px;
margin:5px 0px;
}

.actualites .titre{
color:#000000;
font-size:18px;
font-weight:normal;
padding:0px;
margin:5px 0px;
}

.actualites .texte{
color:#000000;
font-size:12px;
font-weight:normal;
padding:0px;
margin:5px 0px;
}

/*---------------------------SONDAGE---------------------------*/

.sondage{
float:left;
width:220px;
padding:0px;
margin:0px 0px 10px 0px;
}

.sondage h1{
background:url('portail/h1_bg_noir.gif') no-repeat top left;
font-size:18px;
color:#ffffff;
width:200px;
padding:0px 10px;
margin:0px;
line-height:40px;
font-weight:normal;
}

.sondage {
background:#000000 url('portail/sondage_contenu_bg.gif') no-repeat bottom left;
float:left;
width:200px;
padding:10px 10px 30px 10px;
margin:0px 0px 0px 0px;
}

.sondage p.question{
font-size:12px;
font-weight:bold;
color:#ffffff;
margin:5px 0px;
}

.sondage p.reponse{
font-size:12px;
font-weight:normal;
color:#ffffff;
margin:5px 0px;
}

.sondage span.bouton{
background:#000000 url('portail/bouton_bg.gif') no-repeat top left;
padding:0px 0px 0px 20px;
height:20px;
float:left;
}

.sondage span.bouton a{
background:#000000 url('portail/bouton_bg.gif') no-repeat top right;
padding:0px 20px 0px 0px;
color:#ffffff;
line-height:20px;
font-size:11px;
text-decoration:none;
float:left;
}

/*---------------------------THEMATIQUES---------------------------*/

.thematiques{
float:left;
width:220px;
padding:0px;
margin:0px 0px 10px 0px;
}

.thematiques h1{
background:url('portail/h1_bg_noir.gif') no-repeat top left;
font-size:18px;
color:#ffffff;
width:200px;
padding:0px 10px;
margin:0px;
line-height:40px;
font-weight:normal;
}

.thematiques {
background:#000000 url('portail/thematiques_contenu_bg.gif') no-repeat bottom left;
float:left;
width:200px;
padding:10px;
margin:0px 0px 0px 0px;
}

.thematiques p.question{
font-size:12px;
font-weight:bold;
color:#ffffff;
margin:5px 0px;
}

.thematiques ul{
margin:0px;
padding:0px 10px;
list-style:none;
}

.thematiques li{
background:#000000 url('portail/thematiques_puce.gif') no-repeat 0px 5px;
margin:5px 0px;
padding:0px 0px 0px 10px;
font-size:12px;
color:#ffffff;
}

/*---------------------------RESTE ACTUALITE---------------------------*/

.reste_actualite{
float:left;
width:300px;
padding:0px;
margin:0px 0px 10px 0px;
}

.reste_actualite h1{
background:url('portail/h1_bg_bleu.gif') no-repeat top left;
font-size:18px;
color:#ffffff;
width:280px;
padding:0px 10px;
margin:0px;
line-height:40px;
font-weight:normal;
}

.reste_actualite {
background:#ffffff;
float:left;
width:300px;
padding:5px 0px;
margin:0px;
}

.reste_actualite .item{
float:left;
padding:5px 0px;
}

.reste_actualite img{
float:left;
background:#eeeeee;
width:100px;
height:80px;
margin:0px 10px 10px 0px;
}

.reste_actualite p.date{
font-size:11px;
font-weight:bold;
color:#aaaaaa;
margin:5px 0px;
}

.reste_actualite p.titre{
font-size:18px;
font-weight:normal;
color:#000000;
margin:5px 0px;
}

.reste_actualite p.texte{
font-size:12px;
font-weight:normal;
color:#000000;
margin:5px 0px;
}

/*---------------------------EN BREF---------------------------*/

.en_bref{
float:left;
width:300px;
padding:0px;
margin:0px 0px 10px 0px;
}

.en_bref h1{
background:url('portail/h1_bg_bleu.gif') no-repeat top left;
font-size:18px;
color:#ffffff;
width:280px;
padding:0px 10px;
margin:0px;
line-height:40px;
font-weight:normal;
}

.en_bref {
background:#ffffff;
float:left;
width:300px;
padding:0px;
margin:0px;
}

.en_bref .item{
float:left;
width:100%;
padding:0px 0px;
border-bottom:solid 1px #dddddd;
}

.en_bref p.date{
font-size:11px;
font-weight:bold;
color:#aaaaaa;
margin:5px 0px;
}

.en_bref p.texte{
font-size:12px;
font-weight:normal;
color:#000000;
margin:5px 0px;
}

/*---------------------------AGENDA---------------------------*/

.agenda{
float:left;
width:300px;
padding:0px;
margin:0px 0px 10px 0px;
}

.agenda h1{
background:url('portail/h1_bg_bleu.gif') no-repeat top left;
font-size:18px;
color:#ffffff;
width:280px;
padding:0px 10px;
margin:0px;
line-height:40px;
font-weight:normal;
}

.agenda {
background:#ffffff;
float:left;
width:300px;
padding:5px 0px;
margin:0px;
}

.agenda .item{
float:left;
padding:5px 0px;
}

.agenda .date{
background:url('portail/agenda_bg_date.gif') no-repeat top left;
float:left;
display:block;
width:50px;
height:50px;
margin:0px 10px 10px 0px;
}

.agenda p.mois{
font-size:14px;
font-weight:normal;
color:#ffffff;
line-height:20px;
text-align:center;
margin:0px;
}

.agenda p.jour{
font-size:24px;
font-weight:normal;
color:#000000;
line-height:30px;
text-align:center;
margin:0px;
}

.agenda p.rubrique{
font-size:12px;
font-weight:bold;
color:#000000;
margin:5px 0px;
}

.agenda p.texte{
font-size:12px;
font-weight:normal;
color:#000000;
margin:5px 0px;
}

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

.top_article{
float:left;
width:300px;
padding:0px;
margin:0px 0px 10px 0px;
}

.top_article h1{
background:url('portail/h1_bg_bleu.gif') no-repeat top left;
font-size:18px;
color:#ffffff;
width:280px;
padding:0px 10px;
margin:0px;
line-height:40px;
font-weight:normal;
}

.top_article {
background:#ffffff;
float:left;
width:300px;
padding:5px 0px;
margin:0px;
}

.top_article .item{
float:left;
padding:5px 0px;
}

.top_article .top1{
background:url('portail/top_article_bg1.gif') no-repeat top left;
float:left;
display:block;
width:60px;
height:50px;
margin:0px 10px 10px 0px;
padding:0px;
}

.top_article .top1 p{
color:#ffffff;
font-size:36px;
font-weight:bold;
line-height:50px;
text-align:center;
margin:0px;
padding:0px;
}

.top_article .top2{
background:url('portail/top_article_bg2.gif') no-repeat top right;
float:left;
display:block;
width:50px;
height:40px;
margin:0px 10px 10px 0px;
padding:0px 0px 0px 10px;
}

.top_article .top2 p{
color:#ffffff;
font-size:24px;
font-weight:bold;
line-height:40px;
text-align:center;
margin:0px;
padding:0px;
}

.top_article p.date{
font-size:11px;
font-weight:bold;
color:#aaaaaa;
margin:5px 0px;
}

.top_article p.texte{
font-size:12px;
font-weight:normal;
color:#000000;
margin:5px 0px;
}

/*---------------------------VIDEOTHEQUE---------------------------*/

.videotheque{
float:left;
width:300px;
padding:0px;
margin:0px 0px 10px 0px;
}

.videotheque h1{
background:url('portail/h1_bg_orange.gif') no-repeat top left;
font-size:18px;
color:#ffffff;
width:280px;
padding:0px 10px;
margin:0px;
line-height:40px;
font-weight:normal;
}

.videotheque {
background:#000000 url('portail/videotheque_contenu_bg.gif') no-repeat bottom left;
float:left;
width:280px;
padding:10px;
margin:0px 0px 0px 0px;
}

.videotheque .col1{
width:130px;
float:left;
margin:0px 20px 0px 0px;
}

.videotheque .col2{
width:130px;
float:left;
}

.videotheque .item{
float:left;
margin:5px 0px;
}

.videotheque p.texte{
font-size:12px;
font-weight:normal;
color:#ffffff;
margin:5px 0px;
}

/* 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 {
display:inline-block;
line-height:30px;
padding:0 0 0 10px;
}
span.bouton a {
color:#FFFFFF;
display:inline-block;
font-size:11px;
line-height:20px;
padding:0 10px 0 0;
text-decoration:none;
}

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

/* TABLES */

.table{
border:solid 1px #dddddd;
background:#ffffff;
margin:0px;
}
.table tr{
}
.table td, .table th{
line-height:20px;
padding:2px 10px;
border-bottom:solid 1px #dddddd;
}
.table td.entete_table, .table tr.entete_table td{
background-color:#A8BDCF;
color:#015AAA;
font-size:12px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

.table_couleur {
border:solid 1px #A8BDCF;
margin:0px;
}
.table_couleur tr{
}
.table_couleur td, .table_couleur th{
line-height:20px;
padding:2px 10px;
font-size:11px;
}
.table_couleur td.entete_table, .table_couleur tr.entete_table td{
color:#015AAA;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:2px 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:#015AAA;
font-size:14px;
font-weight:bold;
text-decoration:none;
line-height:20px;
padding:5px 10px;
}

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

h3.plan_niveau {
color:#004CA0;
font-size:10px;
font-weight:normal;
margin:2px 0;
padding-left:40px;
border:0px;
}

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