body {
font-family:verdana;
margin:0;
padding:0;
}

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

ol, ul, li {
color:#000000;
font-size:12px;
}

ul
{
list-style-type: none;
}

li
{
background-image: url('active_portail/li_bullet.gif');
background-repeat: no-repeat;
background-position: 0px 2px;
padding-left: 16px;
line-height:14px;
font-size:12px;
}

a {
font-size:11px;
color:#f16020; }

h1{
color:#bbbbbb;
font-size:30px;
font-weight:normal;
margin:10px 0px 10px 0px;
}

p{
color:#000000;
font-size:12px;
margin:10px 0px 10px 0px;
}

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

h3 {
padding:4px;
font-weight:bold;
text-align:left;
font-size:12px;
color:#5c5c5c;
line-height:14px;
border:dotted 1px #a1a1a1;
}

h4 {
padding:4px;
font-weight:bold;
text-align:left;
font-size:12px;
color:#ffffff;
line-height:14px;
background-color: #f16020;
margin-top: 0px;
}

/*a:hover {
color:#559adf; }*/

a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}

a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   background: white;
   color: black;
   padding: 3px;
   border: 1px solid black;
   border-left: 4px solid black;
}

#global{

}

#haut{
background:#ffffff url('active_portail/bg_haut.gif') repeat-x top left;
}

#milieu{
background:#ffffff;
padding:0px 0px 10px 0px;
}

#bas{
clear:both;
background:#f2f2f2 url('active_portail/bg_bas.gif') repeat-x top left;
color:#000000;
font-size:11px;
}

#entete{ /* contient le bandeau d'images, le menu pere et le menu fils */
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
}

#outils{
background:url('active_portail/bg_outils.jpg') no-repeat top left;
width:940px;
margin-left:auto;
margin-right:auto;
color:#ffffff;
font-size:11px;
line-height:30px;
display:block;
overflow:hidden;
padding:0px 10px 0px 10px;
}

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

#outils a:hover{
text-decoration:underline;
}

#content {
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;}

#pied{
width:960px;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
padding:10px;
font-size:11px;
color:#ffffff;
text-align:center;
}

#pied a{
font-size:11px;
color:#ffffff;
text-decoration:underline;
}

/****************  Accueil   ****************/

.accueil_centre{
}

.accueil_centre_rep{
}

.accueil_haut{
background:#ffffff repeat-y center;
}

.accueil_bas{
height:100%;
background:#ffffff repeat-y center;
}

/****************   Bandeaux d'entête   ****************/

#bandeau {
display:block;
background:url('active_portail/bandeau.jpg') no-repeat top left;
height:80px;}

#retour_accueil a{
display:block;
background:url('active_portail/transparent.gif') no-repeat top left;
height:80px;
width:120px;}

#ariane{
display:block;
background:url(active_portail/bg_ariane.jpg) no-repeat;
background-color:#ffffff;
width:960px;
height:40px;
}

#outils_haut{
display:block;
float:left;
width:500px;
color:#ffffff;
margin:15px 0px 0px 15px;
line-height:14px;
font-size:11px;
}

#outils_haut a{
color:#ffffff;
line-height:16px;
padding:0px 5px 0px 5px;
}

#profile {
width:355px;
display:block;
margin:15px 20px 0px 0px;
float:right;
line-height:14px;
font-size:10px;
text-align:right;
color:#ffffff;
}

#profile img {
border:0px;
position:relative;
top:5px; }

#profile a{
color:#ffffff;
text-decoration:underline;
}

/****************   Menu père   ****************/

#menu_pere {
clear:both;
margin-top:0px; /* marge entre bandeau et menu_pere */
width:960px; /* le menu occupe tout l'espace */
background:#f16020 url(active_portail/bg_menupere.gif) repeat-x top left;
height:50px;}

#menu_pere table {
border-collapse:collapse; /* + border-spacing:0 :  cellspacing=0 pour IE */
border-spacing:0; /* equivaut au cellspacing=0 */
text-align:center; /* Alignement vertical du texte */
height:50px; /* hauteur du tableau */ }

#menu_pere td {
padding:0; /* equivaut au cellpadding=0 */ }

#menu_pere ul {
margin:0;
display:block;
overflow:hidden;
padding-left:10px; /* espace entre le menu et le bord de la fenêtre */
list-style:none; /* masque l'affichage des puces */ }

#menu_pere li {
margin:0;
float:left; /* onglets alignés horizontalement en partant de la gauche */ }

#menu_pere .bloc_selected {
 }

#menu_pere .bloc {
 }

#menu_pere .Onglet, #menu_pere .Ongletsuivant_selected {
float:left;
display:block;
height:50px;
padding:0px 4px 0px 4px;
vertical-align:top;
}

#menu_pere .Onglet_selected {
float:left;
display:block;
height:50px;
padding:0px;
vertical-align:top; 
background:#dea321 url(active_portail/onglet_selected.gif) repeat-x; }

#menu_pere .DebOnglet, #menu_pere .DebOngletsuivant_selected {
float:left;
display:block;
height:50px;
width:2px;
}

#menu_pere .DebOnglet_selected {
float:left;
display:block;
height:50px;
width:10px;
background:#dea321 url(active_portail/debonglet_selected.gif) no-repeat;}

#menu_pere .FinOnglet, #menu_pere .FinOngletsuivant_selected {
float:left;
display:block;
height:50px;
width:2px;
}

#menu_pere .FinOnglet_selected {
float:left;
display:block;
height:50px;
width:10px;
background:#dea321 url(active_portail/finonglet_selected.gif) no-repeat;}

#menu_pere a {
display:block; /* évite redimensionnement auto de l'onglet lors du hover */ }

a.Longlet, a.Longletsuivant_selected {
padding-top:20px;
text-decoration:none;
color:#ffffff;
font-weight:normal;
font-size:10px;
}

a.Longlet:hover,a.Longletsuivant_selected:hover {
color:#ffffff;}

a.Longlet_selected {
padding-top:20px;
text-decoration:none;
color:#f16020;
font-weight:bold;
font-size:10px;}

a.Longlet_selected:hover {
color:#f16020;}

/****************   Menu fils   ****************/

#menu_fils {
text-align:left;
clear:both; /* menu_fils juste en dessous du menu_pere (évite un <br/> entre les 2 dans le code HTML) */
color:#ffffff; /* couleur "|" */
background:#697980;
font-weight:bold;
font-size:10px;
padding:7px 0px 7px 0px;
margin:0px 0px 0px 10px;
display:block;
overflow:hidden;
width:960px;
border-bottom:solid 1px #dddddd;
}

#menu_fils a.menuhaut{
padding:0px 10px 0px 10px;
margin:0px;
display:block;
float:left;
border-right:solid 1px #ffffff;
line-height:16px;
color:#cccccc;
font-size:10px;
font-weight:normal;
text-decoration:none;
}

#menu_fils a.menuhaut:hover{
text-decoration:underline;}

#menu_fils a.menuhautselected{
padding:0px 10px 0px 10px;
margin:0px;
display:block;
float:left;
border-right:solid 1px #ffffff;
line-height:16px;
color:#ffffff;
font-size:10px;
font-weight:bold;
text-decoration:none;
}

/****************  Styles sur les formulaires  ****************/

textarea {
border:1px solid #c3e0ec;
font-size:10px;
color:#777777; }

input:focus, textarea:focus, select:focus { 
background-color: #D9F3FF;
border-color: #777777; }

select, option{
color:#000000;
font-size:10px; }

input {
font-size:10px; }

input.styleinput {
border:1px solid #c3e0ec;
font-size:10px;
color:#777777; }

.bouton {
padding:1px 2px 1px 2px;
font-size:10px;
font-weight:bold;
text-decoration:none;
color:#333333; }

/****************  Menu option  ****************/

#menu_option{
clear:both;
float:right;
padding:5px 0px 5px 0px;
}

#menu_option ul, #menu_option li{
list-style:none;
padding:0px;
margin:0px;
}

#menu_option li{
display:block;
float:left;
height:20px;
margin-left:10px;
}

#menu_option li a .deb_option{
display:block;
float:left;
width:26px;
height:20px;
background: url(active_portail/deb_option.gif) no-repeat;
}

#menu_option li a .fin_option{
display:block;
float:left;
width:10px;
height:20px;
background: url(active_portail/fin_option.gif) no-repeat;
}

#menu_option li a .option{
cursor:pointer;
font-size:10px;
font-weight:normal;
color:#f16020;
text-align:left;
display:block;
float:left;
height:20px;
line-height:20px;
text-decoration:none;
background: url(active_portail/option.gif) repeat-x;
}

#menu_option li.titremenu{
display:block;
height:20px;
border-bottom:solid 1px #dddddd;
font-size:11px;
padding:10px;
color:#ffffff;
line-height:20px;
background:#f16020;
font-weight:bold;
}


/****************  Bloc menu  ****************/

#haut_menugauche{

}

#bas_menugauche{

}

#haut_smenugauche{

}

#bas_smenugauche{

}

#smenugauche{

}

#bloc_menu {
padding:0px 20px 0px 0px;
border-right:solid 1px #e1e1e1;
margin:0px 20px 0px 0px;
width:200px;
float:left;}

#bloc_menu .fond_menugauche {

}

#bloc_menu ul, #bloc_menu li{
list-style:none;
padding:0px;
margin:0px;
}

#bloc_menu li a{
display:block;
}

#bloc_menu .entete_menugauche {
padding:0px 0px 0px 5px;
line-height:30px;
color:#5298b1;
font-size:20px;
font-weight:normal;
text-align:left;}

a.menugauche {
padding:10px;
display:block;
font-size:10px;
font-weight:bold;
text-align:left;
text-decoration:none;
}

a.menugauche:hover {
text-decoration:underline;}

a.menugauche_intra1 {
display:block;
font-size:12px;
color:#f16020;
text-decoration:none;
line-height:20px;
border-bottom:solid 1px #e1e1e1;
padding:5px 0px 5px 0px;
background:url('active_portail/fleche_plie.gif') no-repeat right 13px;
}

a.menugauche_intra1:hover {
text-decoration:underline;
}

a.menugauche_intra2 {
display:block;
font-size:12px;
color:#000000;
text-decoration:none;
line-height:20px;
padding:5px 10px 5px 10px;
background:#e6e6e6;
border-bottom:solid 1px #ffffff;
}

a.menugauche_intra2:hover {
background:#f2f2f2;
}

.sous_menu_non_deplie{
background:url('active_portail/fleche_plie.gif') no-repeat right 13px;
}

.sous_menu_deplie{
background:url('active_portail/fleche_deplie.gif') no-repeat right 13px;
font-weight:bold;
}

a.menugauche_intra3 {
background:url(active_portail/bg_menugauche3.gif) no-repeat top left;
padding:10px 10px 10px 45px;
display:block;
font-size:10px;
font-weight:normal;
text-align:left;
text-decoration:none;
color:#f16020;}

a.menugauche_intra3:hover {
text-decoration:underline;}

/****************  Bloc expander  ****************/

#bloc_expander {
margin-top:5px; /* marge entre le bloc et le sous-menu */
position:relative;
left:10px;
float:left; }

/****************  Bloc contenu (fil arianeariane + outils)  ****************/

#bloc_contenu {
overflow:auto; /* permet d'isoler le bloc contenu du bloc menu pour faire fonctionner le clear:both */
margin-top:10px; /* marge entre le bloc et le sous-menu */
min-height:600px;
}

#bloc_contenu .communaute {
line-height:24px;
margin-right:15px;
float:right; }

#bloc_contenu .donnees {
padding:0px 0px 0px 0px;
clear:both; /* bloc "donnees" en dessous des 2 float précédents */ }

#haut_contenu{
height:30px;
line-height:30px;
font-size:11px;
padding:0px;
margin-bottom:10px;
border-bottom:solid 1px #e1e1e1;
}

#haut_contenu .fil_ariane {
float:left;
}

#haut_contenu .fil_ariane a{
font-size:11px;
color:#f16020;
}

#haut_contenu .outils {
float:right;
padding:3px 0px 7px 0px;
}

#haut_contenu .outils a{
padding:0px 0px 0px 10px;
}

#bloc_contenu .titre_page {
float:left;
font-size:24px;
color:#5f5f5f;
}

#colonne_gauche{
display:block;
float:left;
width:190px;
padding:10px 10px 10px 0px;
}

#colonne_centre{
display:block;
overflow:hidden;
/*margin-left:5px;*/
margin-right:230px;
width:700px;
padding:0px;
}

#colonne_droite{
display:block;
background:#f16020;
float:right;
width:230px;
padding:0px 0px 20px 0px;
/*margin-right:5px;*/
}

a.lien1{
display:block;
float:right;
width:90px;
height:20px;
margin-top:5px;
background:url(active_portail/btn_savoir_plus.gif) no-repeat center left;
}

a.lien2{
display:block;
float:right;
width:120px;
height:20px;
margin-top:5px;
background:url(active_portail/btn_savoir_plus2.gif) no-repeat center left;
}

a.lien3{
display:block;
float:right;
width:90px;
height:20px;
margin-top:5px;
background:url(active_portail/btn_savoir_plus3.gif) no-repeat center left;
}

a.toutes_applications{
display:block;
float:right;
width:170px;
height:20px;
margin:5px 10px 0px 0px;
background:url(active_portail/btn_toutes_applications.gif) no-repeat center left;
}

.img_une_actu{
float:left;
border:solid 1px #cccccc;
width: 60px;
margin-right:10px; 
}

/* Moteur de recherche */

#recherche{
line-height:30px;
float:right;
padding:30px 0px 0px 0px;
}

.input_recherche{
display:block;
height:14px;
width:140px;
float:left;
border:solid 1px #c6c6c6;
padding:2px 0px 2px 5px;
margin:0px 10px 0px 0px;
font-size:11px;
}

.btn_recherche{
height:20px;
width:80px;
line-height:20px;
display:block;
float:left;
color:#ffffff;
background:#f16020 url(active_portail/btn_rechercher.gif) no-repeat center left;
border:none;
font-size:11px;
text-decoration:none;
}

/****************  Bloc donnees  ****************/

.table, table.sortable, table.unsortable{
border:solid 1px #dddddd;
background:#ffffff;
margin:0px 0px 10px 0px;
}

.table tr, table.sortable tr, table.unsortable tr{

}

.table td, table.sortable td, table.unsortable td, .table th, table.sortable th, table.unsortable th{
line-height:20px;
padding:4px;
border:solid 1px #ffffff;
}

.entete_table {
background:#f16020;
color:#ffffff;
font-size:10px;
font-weight:bold;
}

.ligne_titre{
background:#dddddd;
font-size:10px;
color:#000000;
}

table.sortable a.sortheader {
/*background:url(active_portail/sortheader_arrow.gif) no-repeat center right;*/
color:#ffffff;
text-decoration: none;
display: block;}

table.sortable a.sortheader:hover {
/*background:url(active_portail/sortheader_arrow.gif) no-repeat center right;*/
color:#ffffff;
text-decoration: none;
display: block;}

table.sortable span.sortarrow {
text-decoration: none; }

.ligne0{
background-color:#fafafa;
color:#777777;
font-size:10px;
}

.ligne1{
background-color:#efefef;
color:#777777;
font-size:10px;
}

.ligne_over{
background-color:#d4e5eb;
color:#777777;
font-size:10px;
}

tr.ligne0bis{
background-color:#ffffff;
color:#777777;
font-size:10px;
}

tr.ligne1bis{
background-color:#efefef;
color:#777777;
font-size:10px;
}


.ligne2bis{
background-color:#d4e5eb;
color:#777777;
font-size:10px;
}

.ligne_sep{
background-color:#d0d0d0;
}

.libelle{
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:none; }

p.libelle{
}

.texte {
color:#000000;
font-size:12px; }

.titre {
/*display:block;*/
line-height:16px;
background:url(active_portail/puce_titre.gif) no-repeat 5px center;
text-indent:24px;
color:#f16020;
font-size:13px;
font-weight:bold;
text-align:left;
}

.titre_article {
line-height:16px;
border-bottom:solid 2px #aaaaaa;
padding:5px 0px 5px 0px;
color:#f16020;
font-size:16px;
font-weight:bold;
text-align:left;
}

.titre_telechargement{
line-height:13px;
border-bottom:solid 1px #f16020;
padding:3px;
color:#f16020;
font-size:13px;
font-weight:bold;
text-align:left;
}

/* Styles Agendas */

.table_agenda_jour, .table_agenda_hebdo, .table_agenda_hebdo_detail{
margin:5px 0px 5px 0px;
border:solid 1px #e4e4e4; 
border-collapse:collapse;
background:#fafafa;
}

.table_agenda_hebdo_detail td{
border:solid 1px #ffffff;
padding:5px;
}

.entete_caseagenda{
background-color:#767676;
color:#ffffff;
font-size:10px;
font-weight:bold;
}

.caseagenda{
background:#ffffff;
color:#777777;
font-size:10px;
line-height:22px;
}

.caseagenda_hover{
background:#ccefff;
color:#777777;
font-size:10px;
}

.caseagendajour{
background:#f0f0f0;
color:#333333;
font-size:10px;
padding:5px;
margin:0px;
}

.caseagendasemaine{
background:#f0f0f0;
color:#333333;
font-size:10px;
padding:5px;
margin:0px;
}

.libelle_caseagenda{
background-color:#767676;
color:#ffffff;
font-size:10px;
font-weight:bold;
padding:5px;
}

.libelle_caseagenda2{
background-color:#555555;
color:#ffffff;
font-size:10px;
font-weight:bold;
}

a.caseagenda{
display:block;
}

a.miniagenda{
border-color:#fbfbfb;
border-style:solid;
border-width:1px 1px 1px 1px;
padding:2px;
display:block;
width:21px;
text-decoration:none;
color:#777777;
font-size:10px;
}

a.miniagenda:hover{
background-color:#eeeeee;
border-color:#777777;
border-style:solid;
border-width:1px 1px 1px 1px;
color:#777777;
font-size:10px;
font-weight:bold;
}

.agendaDB {
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 10px; 
font-weight: bold;
border:1px solid #e4e4e4; 
padding:3px;
}

.agendadbNav {
color:#333333;
background-color: #ffffff;
text-align: left;
height:27px;
color: #2d2626;
text-align:center;
}

.agendadbNav a, .agendadbNav a:visited {
	font-size: 12px;
	color: #767676;
	text-decoration:underline;
}

.agendadbNav a:hover {
	font-size: 12px;
	color: #000000;
	text-decoration:underline;
}

.agendadbHead {
	background:#f16020;
	line-height:22px;
	color: #ffffff;
}

.agendadbThisDay, .agendadbThisDay a{
	background-color: #a5a493;
	color: #ffffff;
}

.agendadbThisDay a:hover{
	background-color: #cacadc;
	color: #000000;
}

.agendadbThisMonth {
	background-color: #f4f4f4;
	color: #767676;
}

.agendadblink {
	color: #767676;
	text-decoration:none;
}

.agendadbThisDayUse {
	background-color: #767676;
}

.agendadbThisDayUse a{
	color:#ffffff;
}



.progress_pourcent{
background-image:url(../images/progress_pourcent.gif);
background-repeat:no-repeat;
background-position:top left;
position:relative;
left:-2px;
}

.progress_full{
background-image:url(../images/progress_full.gif);
background-repeat:no-repeat;
background-position:top left;
padding-top:30px;
height:16px;
width:224px
}

.progress_atemps{
background-image:url(../images/progress_atemps.gif);
background-repeat:no-repeat;
background-position:top left;
padding-top:30px;
height:16px;
width:224px
}

.progress_depasse{
background-image:url(../images/progress_depasse.gif);
background-repeat:no-repeat;
background-position:top left;
padding-top:30px;
height:16px;
width:224px
}

.progress_ok{
background-image:url(../images/progress_ok.gif);
background-repeat:no-repeat;
background-position:top left;
padding-top:30px;
height:16px;
width:224px
}

.progress_empty{
position:relative;
left:-19px;
float : right;
height:10px;
}

.progress_empty2{
background-image:url(../images/progress_empty.gif);
background-repeat:repeat-x;
}

.entete_message{
background-color:#f9fdff;
border-style:solid;
border-width:1px 1px 1px 1px;
border-color:#c3e0ec;
color:#5c92a5;
line-height:16px;
}

.message{
line-height:22px;
}

.texte2 {
font-size:12px;
color:#000000;
}

.tableau {

}

.tableau td{
padding:5px;
}

.tableau2 {
padding:5px;
background-color:#f9f9f3;
border:dotted 1px #a1a1a1;
}

.encadre {
padding:5px;
}

h4.question {
padding:4px;
font-weight:bold;
text-align:left;
font-size:12px;
color:#ffffff;
line-height:14px;
background-color:#01a151;
margin-top: 0px;
}

h4.reponse {
padding:4px;
font-weight:bold;
text-align:left;
font-size:12px;
color:#ffffff;
line-height:14px;
background-color:#c40006;
margin-top: 0px;
}

/* Styles des indicateurs */

.table2002{
border-style:solid;
border-width:2px 0px 0px 2px;
border-color:#666666;
font-size:10px;
color:#777777;
}

.table1002{
border-style:solid;
border-width:1px 0px 0px 2px;
border-color:#666666;
font-size:10px;
color:#777777;
}

.table2001{
border-style:solid;
border-width:2px 0px 0px 1px;
border-color:#666666;
font-size:10px;
color:#777777;
}

.table0002{
border-style:solid;
border-width:0px 0px 0px 2px;
border-color:#666666;
font-size:10px;
color:#777777;
}

.table1001{
border-style:solid;
border-width:1px 0px 0px 1px;
border-color:#666666;
font-size:10px;
color:#777777;
}

.table0220{
border-style:solid;
border-width:0px 2px 2px 0px;
border-color:#666666;
font-size:10px;
color:#777777;
}

.tablegras{
font-size:10px;
font-weight:bold;
color:#777777;
}

.tabletitre{
font-size:16px;
font-weight:bold;
color:#777777;
}

.entete1_dtable{
background-image:url(../images/onglet_inactif_centre_41.gif);
background-repeat:repeat-x;
background-position:bottom;
border-right:solid 1px #dddddd;
font-size:10px;
font-weight:bold;
height:24px;
line-height:24px;
color:#666666;
}

.entete2_dtable{
background-image:url(../images/menu_haut_vert.gif);
background-repeat:repeat-x;
background-position:bottom;
background-color:#e0f3fb;
color:#666666;
font-size:10px;
font-weight:bold;
height:18px;
line-height:18px;
border-right:solid 1px #dddddd;
border-bottom:solid 1px #dddddd;
}

/* Styles pour les mini-onglets*/

#minionglet li a{
color:#555555;
text-decoration:none;
font-size:10px;
}

#minionglet li{
padding-right:2px;
float:left;
display:block;
width:120px;
height:20px;
background:url(active_apv43/minionglet.gif) no-repeat top left;
font-size:10px;
font-weight:normal;
line-height:20px;
}

.minionglet_selected{
display:block;
width:120px;
height:20px;
background:url(active_apv43/minionglet_selected.gif) no-repeat top left;
/*color:crimson;*/
font-weight:bold;
line-height:20px;
}

.minitable{
background:#eeeeee;
border-bottom:solid 1px #bbbbbb;
}

/*Galerie*/

.shadow1{
margin-left:auto;
margin-right:auto;
margin-bottom:10px;
display:block;
width:255px;
border-right:solid 1px #f4f4f4;
border-bottom:solid 1px #f4f4f4;}

.shadow2{
display:block;
width:254px;
border-right:solid 1px #dddddd;
border-bottom:solid 1px #dddddd;}

.shadow3{
display:block;
width:253px;
border-right:solid 1px #cccccc;
border-bottom:solid 1px #cccccc;}

.cadre{
display:block;
width:252px;
border-left:solid 1px #eeeeee;
border-top:solid 1px #eeeeee;}

.photo{
background:#00eeff;
margin:25px 25px 5px 25px;
border:solid 1px #666666;
font-size:0px;
}

.legend{
font-size:10px;
text-align:center;
padding:0px 0px 5px 0px;
}

/* Styles Charte1.xslt */

.table_charte1{
margin-bottom:10px;
}

.table_charte1 tr{
}

.table_charte1 td{
line-height:20px;
padding:4px;
border:solid 1px #ffffff;
}

.table_charte1 td.libelle{
background:#eeeeee;
}

/* styles du plan */

.fond_plan1{
background-color:#f4f4f4;
border:solid 1px #dddddd;
margin:5px;
padding:5px;
}

.fond_plan2{
text-indent:15px;
margin:5px;
padding:5px;
}

.fond_plan3{
text-indent:30px;
margin:5px;
padding:5px;
}

.fond_plan4{
text-indent:45px;
margin:5px;
padding:5px;
}

a.plan1{
font-size:11px;
font-weight:bold;
color:#f16020;
text-decoration:none;
display:block;
}

a.plan1:hover{
color:#222222;
text-decoration:none;
}

a.plan2{
font-size:12px;
font-weight:bold;
color:#f16020;
margin:10px;
text-decoration:none;
}

a.plan2:hover{
color:#222222;
text-decoration:none;
}

a.plan3{
font-size:11px;
color:#f16020;
margin:10px;
text-decoration:none;
}

a.plan3:hover{
font-size:11px;
color:#222222;
text-decoration:none;
}

a.plan4{
font-size:10px;
color:#f16020;
margin:10px;
text-decoration:none;
}

a.plan4:hover{
font-size:11px;
color:#222222;
text-decoration:none;
}

/* Styles accueil.xslt */

#accueil_enbref{
padding:10px;
width:410px;
border:solid 1px #f16020;
}

.accueil_enbref_article{
display:block;
overflow:hidden;
clear:both;
color:#7b7c7e;
font-size:12px;
}

.accueil_enbref_article p{
margin:0px;
}

#accueil_agenda{
margin:0px 0px 10px 0px;
}

#accueil_agenda .haut{
display:block;
height:40px;
width:240px;
background:url(active_portail/haut_bloc_agenda_accueil.gif) no-repeat center left;
}

#accueil_agenda .milieu{
background:#f29400;
color:#ffffff;
padding:10px;
width:220px;
}

#accueil_agenda .bas{
display:block;
height:20px;
width:240px;
background:url(active_portail/bas_bloc_agenda_accueil.gif) no-repeat center left;
}

#accueil_agenda p{
font-size:12px;
font-weight:bold;
color:#ffffff;
margin:10px 0px 10px 0px;
}

#accueil_documents{
margin:0px 0px 10px 0px;
}

#accueil_documents .haut{
display:block;
height:40px;
width:240px;
background:url(active_portail/haut_bloc_documents_accueil.gif) no-repeat center left;
}

#accueil_documents .milieu{
background:#f16020;
color:#ffffff;
padding:10px;
width:220px;
}

#accueil_documents .bas{
display:block;
height:20px;
width:240px;
background:url(active_portail/bas_bloc_documents_accueil.gif) no-repeat center left;
}

/* TinyMCE */

.article_rubrique{
color:#933488;
font-weight:bold;
font-size:14px;
}

.article_titre{
color:#000000;
font-weight:bold;
font-size:14px;
}

.article_soustitre{
color:#7b7c7e;
font-weight:bold;
font-size:12px;
}

.article_date{
font-size:12px;
margin:0px;
color:#f16020;
font-style:italic;
}

.agenda_doc{
display:block;
background:#f29400;
font-size:12px;
font-weight:bold;
color:#ffffff;
padding:10px 0px 10px px;
margin:0px 0px 0px 0px;
}

.documents_doc{
background:#f16020 url(active_portail/puce_documents.gif) no-repeat top left;
font-size:12px;
font-weight:bold;
color:#ffffff;
padding:10px 0px 10px 30px;
margin:0px 0px 0px 0px;
}

#accueil_documents a{
color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}

/* Style du moteur de recherche */

.pageSelector{
	padding: 5px;
	line-height: 30px;
	background: #eeeeee;
	font-size: 11px;
}

.pageSelector a
{
	border: 1px solid #cccccc;
	padding: 2px 5px;
	text-decoration: none;
	margin: 0px 3px;
}

.pageSelector a:hover
{
	background: #666666;
	color: #ffffff;
	border: 1px solid #666666;
	padding: 2px 5px;
	text-decoration: none;
	margin: 0px 3px;

}

.currentPage
{
	color: #ffffff;
	border: 1px solid #f16020;
	background: #f16020;
}

/* Outil Flag Favoris */
.mini_icone
{
	float: left;
	display: block;
	padding: 2px;
}

/*MINI CALENDRIER*/

.mini_calendrier{
border:solid 1px #dddddd;
}

.mini_calendrier table{
padding:0px;
border:solid 1px #ffffff;
}

.mini_calendrier table td{
padding:2px;
line-height:12px;
border:solid 1px #ffffff;
}

/*-----Module agenda-----*/

#module_agenda{
display:block;
width:230px;
float:left;
padding:0px;
margin:0px 0px 10px 0px;
background: #62A1C2;
}

#module_agenda div{
display:block;
overflow:hidden;
padding:0px 10px 0px 10px;
color:#ffffff;
font-size:11px;
}

#module_agenda h1{
color:#f16020;
font-size:11px;
font-weight:bold;
line-height:30px;
height:30px;
padding:0px 0px 0px 10px;
margin:0px 0px 10px 0px;
}

#module_agenda h2{
padding:0px;
margin:0px;
color:#f16020;
font-size:12px;
line-height:30px;
}

#module_agenda .calendrier{
display:block;
overflow:hidden;
float:left;
}

#module_agenda .calendrier_detail{
display:block;
overflow:hidden;
clear:both;
padding:5px 0px 0px 0px;
/*Pas de float:left sinon bug sous firefox*/
}

#module_agenda .calendrier table{
border-collapse:collapse;
}

#module_agenda .calendrier table tr{
}

#module_agenda .calendrier table tr.jours td{
line-height:18px;
width:28px;
text-align:center;
font-size:10px;
border:solid 1px #ffffff;
background:#f4f4f4;
}

#module_agenda .calendrier table tr.jours td a{
line-height:18px;
width:28px;
display:block;
color:#f16020;
font-weight:bold;
text-decoration:none;
}

#module_agenda .calendrier table tr.jours td a:hover{
display:block;
background:#ddddff;
}

#module_agenda .calendrier table tr.jours td.today{
color:#000000;
font-weight:bold;
background:#e5e5e5;
}

#module_agenda .calendrier table tr.semaine td{
line-height:18px;
width:28px;
text-align:center;
font-size:10px;
font-weight:bold;
border:solid 1px #ffffff;
background:#6a9cc9;
color:#ffffff;
}

#module_agenda .calendrier table tr.mois td{
line-height:24px;
text-align:center;
font-size:10px;
border:solid 1px #ffffff;
background:#f16020;
color:#ffffff;
font-weight:bold;
}

#module_agenda .calendrier table tr.mois a{
color:#ffffff;
font-size:11px;
text-decoration:none;
}

#module_agenda .calendrier_detail p.lien_agenda{
clear:both;
font-size:11px;
color:#ffffff;
font-weight:normal;
padding:0px 0px 0px 10px;
margin:0px;
/*background:url(active_vinatier/icone_calendrier.gif) no-repeat 0px 1px;*/
}

#module_agenda .calendrier_detail p.lien_agenda a{
font-size:11px;
color:#ffffff;
font-weight:normal;
padding:0px;
margin:10px 0px 0px 0px;
text-decoration:none;
}

#module_agenda .calendrier_detail p.lien_agenda a:hover{
text-decoration:underline;
}

#module_agenda p.all_agenda{
clear:both;
font-size:10px;
color:#ffffff;
font-weight:normal;
padding:0px;
margin:10px 0px 0px 0px;
}


#module_agenda p.all_agenda a{
font-size:10px;
color:#333333;
font-weight:bold;
padding:0px;
text-decoration:underline;
}

#module_agenda p.all_agenda a:hover{
color:#f16020;
text-decoration:none;
}

/* FAQ */

a.annu1{
font-size:11px;
}

.annu_table2{
font-size:11px;
border-bottom:solid 1px #dddddd;
}

/* MENU HAUT*/

#menu {
margin:0px;
padding:0px;
position:absolute;
z-index:100;
}

#menu dl {
padding:0px;
margin:0px;
list-style-type:none;
width:120px;
float:left;
}

#menu dt {
padding:0px;
margin:0px;
list-style-type:none;
cursor:pointer;
line-height:30px;
}

#menu dt a{
text-align:center;
padding:0px 5px;
display:block;
color:#000000;
text-decoration:none;
font-size:12px;
font-weight:normal;
}

#menu dt a:hover{
background:#f16020 url('active_portail/lien_menuhaut_hover.gif') repeat-x top left;
color:#ffffff;
text-decoration:none;
font-size:12px;
font-weight:bold;
}

#menu dd {
padding:0px;
margin:0px;
display:none;
width:200px;
list-style-type:none;
background:#f5f5f5;
border-left:solid 3px #e1e1e1;
border-right:solid 3px #e1e1e1;
border-bottom:solid 3px #e1e1e1;
}

#menu ul {
padding-right:0px;
padding-left:0px;
padding-bottom:0px;
padding-top:0px;
margin:0px;
list-style-type:none;
}

#menu li {
padding:0px;
margin:0px;
list-style-type:none;
}

#menu li a{
background:#f2f2f2;
font-size:12px;
display:block;
color:#000000;
border-left:solid 2px #ffffff;
border-right:solid 2px #ffffff;
border-top:solid 1px #ffffff;
border-bottom:solid 1px #ffffff;
text-decoration:none;
padding:10px 5px 10px 10px;
}

#menu li a:hover{
background:#f16020;
color:#ffffff;
}

/*---------------------------BAS---------------------------*/

#bas ul { 
margin:0; 
padding:0; 
list-style-type:none; 
} 

#bas li { 
margin:0; 
padding:0 10px 0px 10px;
list-style-type:none;
background:none;
float:left;
} 

#bas1{
width:960px;
margin-left:auto;
margin-right:auto;
color:#000000;
font-size:11px;
line-height:25px;
display:block;
overflow:hidden;
}

#bas1 a{
color:#f16020;
font-size:11px;
text-decoration:none;
}

#bas1 a:hover{
text-decoration:underline;
}

#bas2{
width:960px;
margin-left:auto;
margin-right:auto;
clear:both;
display:block;
overflow:hidden;
}

#bas2 table td a{
padding:0px 10px 0px 10px;
font-size:11px;
color:#000000;
text-decoration:none;
line-height:18px;
}

#bas2 table td a:hover{
color:#777777;
}

#bas2 .colonne_bas{
padding:0px;
float:left;
}

#bas2 .colonne_bas a{
line-height:20px;
color:#000000;
font-size:11px;
text-decoration:none;
}

#bas2 .colonne_bas a:hover{
text-decoration:underline;
}

/*---------------------------MODELE ACTIVEPORTAIL---------------------------*/

#bloc_souhait{
width:200px;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom:solid 1px #e1e1e1;
}

#bloc_souhait h1{
color:#f16020;
font-size:18px;
margin:5px 0px 5px 0px;
}

#bloc_souhait p{
margin:5px 0px 5px 0px;
}

#bloc_souhait a{
background:url('active_portail/double_fleche.gif') no-repeat center left;
padding:0px 0px 0px 12px;
color:#f16020;
font-size:12px;
}

#bloc_temoignage{
width:200px;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom:solid 1px #e1e1e1;
}

#bloc_temoignage h1{
color:#f16020;
font-size:18px;
margin:5px 0px 5px 0px;
}

.temoignage{
background:#e6e6e6 url('active_portail/haut_bloc_temoignage.gif') no-repeat top left;
color:#000000;
padding:20px 10px 10px 10px;
}

.temoignage p{
text-indent:50px;
color:#000000;
font-style:italic;
margin:0px;
padding:0px;
font-size:12px;
}

.temoin{
background:#ffffff url('active_portail/bas_bloc_temoignage.gif') no-repeat top left;
color:#000000;
padding:50px 50px 0px 10px;
font-size:11px;
}

#bloc_photos{
width:200px;
margin:0px 0px 10px 0px;
padding:0px 0px 10px 0px;
border-bottom:solid 1px #e1e1e1;
}

#bloc_photos h1{
color:#f16020;
font-size:18px;
margin:5px 0px 5px 0px;
}

#bloc_photos img{
margin-bottom:10px;
}