/* ************************************************************************************************************************************
	Pour faire une recherche sur un des grands blocs de la feuille de style, faites preceder votre mot-cle du signe =

	
	les grands blocs (=bloc) de la page : =page, =bandeau, =menu, =navigation, =contenu, =encadres, =portlet, =pied
	les contextes (=contexte) : =dsi (intranet), =popup, =rubrique, =collaboratif, =gestion 
	les fiches (=fiche) : =actualite, =article, =annuaire, =document, =defautstructure, =pagelibre, =recherche

************************************************************************************************************************************** */


/* -------------------------------------
	Initialisation des styles par defaut
---------------------------------------- */
p {
margin-bottom: 0;
text-align: justify;
height:auto;
line-height:1.2em;
}

#precisions_resultats {
z-index:2000;
position:relative;
width:700px;
}

table.objet-formulaire {
text-align:left;
}

.encadre_accueil_gauche {
text-align:left;
color:#006699;
margin-left:5px;
}


ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, blockquote, fieldset, input {
margin:0;
padding:0;
font-size:1em;
}

body, html, fieldset {
border:0;
}

h1, h2, h3, h4, h5, h6, pre, code{
font-size:1em;
}

a img, :link img, :visited img {
border: none;
}

abbr {
	font-weight:700;
	cursor:help;
}
/* *********************
	Styles Communs
********************** */

/* ancre haut de page */
p#haut{

visibility:hidden;
position:absolute;
top:0;
left:0
}

/* =liens */
a {
text-decoration: none;
color: #0066cc;
}

a:hover {
text-decoration: none;
color:#99cc00;
}

/* Etat "focus" important pour accessibilite web */
a:focus{
text-decoration: underline;
}

li {
list-style-position: outside;
line-height: 14px;
padding-bottom: 2px;
margin-left: 16px;
list-style-image:url(/images/charte/puce_defaut.gif);
color:#666;
text-align:left;
}

/* classes communes */
.hide {
position: absolute;
visibility: hidden;
}

.clear {
clear: both;
}

.no-border {
border:0;
}

.erreur {
font-style:normal;
font-weight:700;
color:red;
}

.retour {
cursor: pointer;
}

.champ-saisie, select {
border: 1px solid #39393B;
padding: 1px;
font-size:1.0em;
margin-top:3px;
font-family:"Trebuchet MS", Tahoma, sans-serif;
color:#999;
}

.ok {
background:#fff;
border:1px solid;
vertical-align: top;
}

.legende {
font:normal xx-small/1.0 Trebuchet MS, helvetica, verdana, sans-serif;
color:#fff;
margin:.5em 0 1em 0;
}

.photo img {
border: 1px solid #333;
}

/* *** Listes d'affichage *** */

ul.liste-documents li, ul.liste-actualites li, ul.liste-articles li {
margin: 0;
padding: 4px 0;
clear: left;
list-style-position: outside;
list-style-image: url(/images/charte/puce_defaut.gif);
margin-left: 16px;
}

ul.liste-documents li a,
ul.liste-actualites a,
ul.liste-articles a {
padding-left: 0;
list-style-image:url(/images/charte/puce_defaut.gif);
}

ul.liste-documents li span,
ul.liste-actualites li span,
ul.liste-articles li span {
display: block;
}

ul.liste-documents em, ul.liste-actualites em, ul.liste-articles em {
font-size: 1em;
font-weight: normal;
font-style: normal;
/*margin: 0;
padding: 0;*/
}

ul.liste-documents a.telecharger-fichiers {
display: block;
}

ul.liste-documents span.soustitre-liste,
ul.liste-actualites span.soustitre-liste,
ul.liste-articles span.soustitre-liste {
font-weight: normal;
font-size: 1.1em;
}

ul.liste-documents span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste{
color:#666;
}

ul.liste-documents p,
ul.liste-actualites p,
ul.liste-articles p{
font-size: 1em;
margin: 0;
padding: 0;
text-align: justify;
}

ul.fluxrss li {
list-style-type: none;
}

ul.fluxrss li span {
display: block;
text-align:justify;
}


.img-liste {
float: left;
clear: left;
margin: 0 10px 0 0;
list-style-position: inside;
}

ul.liste-articles span.redac-liste {
font-size:110%;
font-style:italic;
color:#332e44;
}

/******************
	=Bloc =Page
******************/

body {
font-family: Trebuchet MS,  helvetica, verdana, sans-serif; 
font-size: 62.5%;
background-color: #333;
line-height:1.2em;
}

#page {
margin: auto;
width: 1000px;
/*height:auto;*/
font-size: 1.1em;
text-align: left;
background:#FFF url(img/fond_page.jpg) no-repeat scroll 405pt 100%;
/*background-attachment:inherit;*/
position:relative;
}

#page_newsletter{
margin:auto;
padding-top:0px;
width:700px;
font-size:1.1em;
text-align: left;
background-color: #fff;
background-repeat: no-repeat;
background-position: bottom;
position: relative;
}

/********************
	=Bloc =Bandeau
*********************/

h1 { 
margin:0;
position:absolute;
top:0px;
left:0px;
font-size: 1.4em;
color: #99cc00; 
font-family: Trebuchet MS, sans-serif;
z-index:1700;
}

#image_reactive {
position:absolute;
top:0px;
left:0px;
background-image:url(img/logo.jpg);
background-position:0pt 100%;
background-repeat:no-repeat;
}

#bandeau {
position: relative;
height: 300px;
width: 1000px;
z-index: 400;
margin-bottom:60px;
background-attachment:scroll;
background-color:transparent;
background-image:url(img/bannier.jpg);
background-position:0pt 100%;
background-repeat:no-repeat;
}

#bandeau_FORMATION{
position: relative;
height: 300px;
width: 1000px;
z-index: 400;
margin-bottom:60px;
background-attachment:scroll;
background-color:transparent;
background-image:url(img/bannier_formation.jpg);
background-position:0pt 100%;
background-repeat:no-repeat;
}

#bandeau_METIER{
position: relative;
height: 300px;
width: 1000px;
z-index: 400;
margin-bottom:60px;
background-attachment:scroll;
background-color:transparent;
background-image:url(img/bannier_metier.jpg);
background-position:0pt 100%;
background-repeat:no-repeat;
}
/*correspond au bandeau rubrique EMPLOI*/
#bandeau_ACTIVITE{
position: relative;
height: 300px;
width: 1000px;
z-index: 400;
margin-bottom:60px;
background-attachment:scroll;
background-color:transparent;
background-image:url(img/bannier_emploi.jpg);
background-position:0pt 100%;
background-repeat:no-repeat;
}

#bandeau_VAE{
position: relative;
height: 300px;
width: 1000px;
z-index: 400;
margin-bottom:60px;
background-attachment:scroll;
background-color:transparent;
background-image:url(img/bannier_vae.jpg);
background-position:0pt 100%;
background-repeat:no-repeat;
}

#bandeau_PROFESSIONNELS{
position: relative;
height: 300px;
width: 1000px;
z-index: 400;
margin-bottom:60px;
background-attachment:scroll;
background-color:transparent;
background-image:url(img/bannier_professionnel.jpg);
background-position:0pt 100%;
background-repeat:no-repeat;
}

#bandeau_OUTILS {
position: relative;
height: 300px;
width: 1000px;
z-index: 400;
margin-bottom:60px;
background-attachment:scroll;
background-color:transparent;
background-image:url(img/bannier.jpg);
background-position:0pt 100%;
background-repeat:no-repeat;
}
/*.bandeau2 {
position:absolute;
top:-5px;
left:600px; 
z-index:1500;
width:auto;
visibility:hidden;
}
*/

form#recherche-simple {
/*background:#FF6600 url(img/background_recherche.jpg) no-repeat scroll 0pt 0%;*/
height:45px;
left:0px;
padding:15px 0pt 0px 25px;
position:absolute;
top:305px;
width:215px;
z-index:1000;
}

form#recherche-simple legend {
display:none;
visibility:hidden;
}

form#recherche-simple input#MOTS_CLEFS {
color:#999999;
font-family:Trebuchet MS,verdana,sans-serif;
font-size:1em;
position:relative;
top:-5px;
width:150px;
}

form#recherche-simple label {
color:#FF6600;
font-family:Trebuchet MS,Tahoma,sans-serif;
font-size:1.4em;
font-weight:bold;
left:-20px;
position:relative;
top:-10px;
}

form#recherche-simple input#recherche_ok {
height:20px;
padding-left:5px;
position:absolute;
top:27px;
left:180px;
}

form#recherche-simple a {
font-size: xx-small;
color: #39393b;
text-decoration: none;
}

form#recherche-simple a:hover {
text-decoration: underline;
}

div#bandeau .champ-saisie {
margin: 0 0 5px 14px;
width: 110px;
}
div#bandeau select{
margin: 0 0 5px 14px;
width: 140px;
}

/***********************
	=Block =Menu
************************/

div#menu {
z-index: 1500;
position: relative;
top:-360px;
left:759px;
width: 240px;
background: url(img/background_menu.jpg) no-repeat 0 30%;
height:180px;
}

ul#menu_principal {
height:125px;
padding:32px 0px 0px 15px;
width:225px;
}

ul#menu_principal li {
height:auto;
list-style-image:url(img/fleches.gif);
margin-left:10px;
padding-bottom:10px;
padding-left:0px;
padding-top:10px;
display:block;
}


ul#menu_principal li:hover {
height:auto;
list-style-image:url(img/fleches.gif);
margin-left:10px;
padding-bottom:10px;
padding-left:0px;
padding-top:10px;
}

ul#menu_principal li:hover a,
ul#menu_principal li:hover a:hover,
ul#menu_principal li:focus a {
background-color:transparent;
color:#333;
}

ul#menu_principal ul {
background-color: #ccc;
display: none;
left: 0;
line-height: normal;
list-style-type: none;
position: absolute;
/*top: 40px;*/
width: 240px;
visibility:hidden;
}

ul#menu_principal ul li {
margin: 0;
height: auto;
}

ul#menu_principal li:hover ul { 
display: block;
}

ul#menu_principal li:hover ul a{
background-color: transparent;
border-bottom:none;
visibility:hidden;
}

ul#menu_principal ul li a{
display: block;
height: auto;
/*padding: 12px;*/
visibility:hidden;
}

ul#menu_principal em {
font-style: normal;
font-weight: 700;
}

ul#menu_principal em a{
font-style: normal;
font-weight : 700;
color:#333;
font-size:1.4em;
}

ul#menu_principal a {
/*background: transparent url(img/menu_principal.gif) no-repeat 0 50%;*/
color: #fff;
font-size: 1.25em;
font-weight: bold;
text-decoration: none;
display: block;
/*height: 40px;
padding: 15px 0 0 0px;
margin:15px 15px 15px 15px;*/
}

ul#menu_principal a:hover,
ul#menu_principal li:hover a{
/*background: #0066cc url(img/menu_principal2.gif) no-repeat 0 50%;
background-color: #0066cc;*/
color: #fff;
text-decoration: none;
}

ul#menu_principal ul a,
ul#menu_principal li:hover ul a{
color: #fff;
background-image: none;
visibility:hidden;
}

ul#menu_principal ul a:hover,
ul#menu_principal ul li:hover a{
background-image: none;
text-decoration: none;
color: #fff;
visibility:hidden;
}

ul#menu_principal li.professionnels{
background:#0066cc url(img/background_acces_reserve.jpg) no-repeat scroll 0pt 0px;
height:25px;
left:0px;
padding-bottom:2px;
padding-left:95px;
padding-top:30px;
position:absolute;
text-align:center;
top:181px;
width:145px;
list-style-image:url(img/fleches.gif);
margin-left:0px;
}

ul#menu_principal li.professionnels a {
color:#FFF;
font-size:1.1em;
margin-bottom:1px;
padding-left:10px;
padding-top:5px;
width:100px;
}

ul#menu_principal li.professionnels em a {
color:#FFF;
font-size:1.1em;
margin-bottom:1px;
padding-left:10px;
padding-top:5px;
width:100px;
}

ul#menu_principal li.professionnels:hover, menu_principal li.professionnels a:hover{
color:#FF6600;
border:none;
}

#outils {
float: left;
width: 637px;
padding-left: 11px; 
border-top: 1px solid #332e44; 
border-bottom: 1px solid #332e44; 
background-color: #fff;
font: 100% Trebuchet MS, verdana, sans-serif;
}

/*** surcharge =Rubrique ***/
.rubrique #outils { 
border-bottom: 0;
}

#outils ul {
list-style: none;
float: right;
}

#outils li {
float: left;
}

#outils a {
display: block;
padding: 5px 10px 4px 6px;
color: #00074e;
border-left: 1px solid #00074e;
text-decoration: none;
}

#outils a.first-menu-item {
border-left: 0;
}

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

#outils {
border-bottom: 0;
}

#services label { 
display:inline;
margin-left:18px;
color:#FFB623;
font-weight:700;
font-size:1.1em;
line-height: 1;
vertical-align:middle;
}

#services select {
width: 165px;
margin-left: 45px;
vertical-align: middle;
}

#services .ok {
vertical-align: middle;
}

/************************
	=Bloc =Navigation
*************************/

.accueil div#navigation{
position:absolute;
top:365px;
float: left;
width: 240px;
z-index:150;
padding-right:0px;
}

#navigation {
float:left;
height:auto;
left:0px;
margin-top:0px;
padding-right:0px;
position:absolute;
top:301px;
width:240px;
z-index:1500;
}

#navigation h3 {
color:#0066CC;
font-size:1.1em;
font-weight:bold;
height:auto;
padding-bottom:5px;
padding-left:5px;
padding-top:10px;
position:relative;
}

/*** surcharge =Collaboratif ***/
/*.collaboratif #navigation h3 { 
font-weight: 700; 
font-size: 1.1em; 
margin:1em 10px 1em 10px;
line-height:1.4;
}
*/
.menuleft {
margin-bottom:0px;
background: #E5EFFA url(img/background_menu_left_in.jpg) no-repeat 0 0;
}

.menuleft-in {
padding-bottom: 4px;
padding-left:7px;
padding-top:10px;
margin-left: 0;
font-weight:bold;
}

p#acces-direct { 
visibility:hidden;
display:none;
}

ul#menu_secondaire {
margin: 35px 15px 0 20px;
list-style-type: none;
}

#menu_secondaire li {
list-style-position: outside;
margin:.9em 0;
}

ul#menu_secondaire li li {
border: 0;
}

ul#menu_secondaire ul {
margin-bottom:1em;
}

ul#menu_secondaire li.menuon {
font-weight: 700;
}

ul#menu_secondaire li.menuon li {
font-weight: normal;
}

ul#menu_secondaire li.menuon li.menuon {
font-weight: 700;
}

ul#menu_secondaire li.menuon a {
color: #ff9933;
}

ul#menu_secondaire ul {
margin-left: 12px;
list-style-type: none;
}

ul#menu_secondaire a {
color: #0066CC;
text-decoration: none;
}

ul#menu_secondaire em a{
font-style: normal;
font-weight:bold;
color:#FF6600;
}

ul#menu_secondaire a:hover {
text-decoration: underline;
}

li.menuon a {
color:#ff9900;
}
li.menuon li a {
color:#ff9900;
}
ul#menu_secondaire li li a {
text-decoration: none;
color: #0066CC;
line-height:1.4em;
}
ul#menu_secondaire li li li a {
text-decoration: none;
line-height:2px;
}
/*********************************
	=Bloc =Contenu
*********************************/
#deco-contenu {
float:right;
height:auto;
left:270px;
margin-top:-300px;
width:729px;
z-index:1900;
margin-bottom:50px;
}

#contenu-avec-encadres {
float:left;
left:-20px;
margin:1em 0pt 0pt;
padding:0pt;
position:relative;
width:489px;
z-index:1000;
}

#contenu-sans-encadres {
float:right;
left:250px;
margin-top:-290px;
padding-bottom:50px;
padding-right:0;
width:750px;
z-index:1000;
}

#contenu-sans-encadres-newsletters {
float: left;
padding: 0;
width: 700px;
z-index:100;
margin-top:1em;
}

/* pour plan de site et liste imbriquees dans toolbox */
#contenu-avec-encadres ul, #contenu-avec-encadres ol, #contenu-sans-encadres ul, #contenu-sans-encadres ol {
margin:0;
padding:5px 0 5px 15px;
}
#contenu-avec-encadres ul, #contenu-avec-encadres ol, #contenu-sans-encadres ul, #contenu-sans-encadres ol, #encadres ul, #encadres ol {
padding-left:5px;
text-align:left;
z-index: 100;
}
h2 {
font-size: 1.3em;
font-weight: bold;
line-height: 1.15em;
height: auto;
width: 480px;
color: #0066cc;
font-weight: bold; 
font-family: Trebuchet MS, verdana, sans-serif;
z-index: 400;
position: relative;
left: 0px;
top:-30px;
/*background: transparent url(img/bg2.gif) no-repeat 0 0;*/
/*padding-left: 85px;
padding-top: 10px;*/
display: block;
/*margin-left: 30px;*/
/*margin-top: -15px;*/
margin-bottom: 0;
border-bottom:1px dotted #ccc;
}

#date_modification {
color:#99CC00;
left:0px;
margin-bottom:0px;
margin-top:-12px;
position:relative;
text-align:left;
top:-12px;
width:180px;
z-index:600;
}
#envoyer {
background:transparent url(img/enveloppe.gif) no-repeat scroll 0pt 2px;
color:#99CC00;
left:210px;
line-height:1.4em;
padding-left:25px;
position:relative;
top:-26px;
width:120px;
z-index:600;
}

#print {
position:relative;
left:284px;
top:-26px;
z-index:600;
width:50px;
padding:0px 0px 5px 25px;
background:transparent url(img/print.gif) no-repeat 0 -1.2px;
height:auto;
color:#99cc00;
}

h3 {
font-size: 1.1em;
color:#99CC00;
font-family: "Trebuchet MS", Tahoma, sans-serif;
margin: 0.75em 0;
padding: 0;
}

h4 {
font-size: 1.1em;
color:#FF6600;
font-family: "Trebuchet MS", Tahoma, sans-serif;
margin: 0.75em 0px 0px 5px;
padding: 0;
border-bottom:1px dashed #FF6600;
}

.ligne {
margin: 0 ;
clear:left;
border-bottom:1px  #ccc;
}

.conteneursousparagraphe {
float:left;
position:relative;
z-index:1000;
}

.firstline {
border:0;
padding-top:0;
}

.filet {
background-color: #778AAA;
height: 1px;
font-size: 1px;
margin: 7px 0 3px 0;
}


/*** Plan du site  ***/

.plansite1 li {
	list-style-type: none;
}
.plansite2 li {
	list-style-type: disc;
}


/************************
	=Bloc =Encadres
*************************/

#encadres {
background:#ECE9D8 url(img/background_encadres.jpg) no-repeat scroll 0pt 0%;
float:right;
height:auto;
margin-top:-1px;
padding-top:45px;
position:relative;
width:240px;
z-index:1000;
left:-1px;
}

#encadres_accueil {
float:right;
height:auto;
margin-top:-1px;
padding-top:45px;
position:relative;
width:240px;
z-index:1000;
}


body.dsi #encadres {
margin-top:5px;
}

/*** surcharge =Rubrique ***/

.effacer, .valider {
border: 1px solid #333;
margin: 0 0 0 10px;
padding: 2px;
background:#fff;
color:#006699;
cursor: pointer;
}

.effacer {
color: #666;
border: 1px solid #666;
}

/*
4 types d'encadres :
	- Generique
	- De rubrique
	- De fiche
	- De recherche contextuelle
*/

/* ------------------------------------------------
encadres de fiche, de navigation rubrique, automatique de fiche et encadre generique
------------------------------------------------ */

.encadre-fiche,
.encadre-auto-fiche,
.encadre-nav-auto,
.encadre-espace,
.encadre-generique,
.encadre-rubrique,
.encadre-recherche,
.encadre-search {
/*margin : 30px 0 25px 5px;*/
height: auto;
padding-left:1px;
}

.encadre-fiche h3,
.encadre-auto-fiche h3,
.encadre-nav-auto h3,
.encadre-espace h3,
.encadre-recherche h3 {
border-bottom:1px dotted #006699;
color:#BC9D5B;
margin-bottom:8px;
margin-right:0pt;
margin-top:0pt;
}
.encadre-recherche h3 {
background: none;
color: #99cc00;
height: auto;
padding-bottom:5px;
}
.encadre-auto-fiche h3 {
border-bottom:1px dotted #006699;
color:#BC9D5B;
margin-bottom:8px;
margin-right:0pt;
margin-top:0pt;
}
.encadre-auto-fiche a {
color: #0066cc;
font-weight: normal;
}
.encadre-generique h3, .encadre-rubrique h3 {
/*color:#ff6600;
font-size: 1em;
font-weight: bold;
height: 15px;
margin-right: 0;
margin-bottom: 8px;
margin-top: 10px;
padding-top: 0;
border-bottom: 1px dashed #cccccc;*/
background:#E5EFFA url(img/background_navigation_accueil.gif) no-repeat scroll 0 0;
margin:61px 15px 0 0;
padding-bottom:4px;
padding-left:0;
padding-top:45px;
text-align:left;
width:240px;
}
.encadre-generique h3 {
border-bottom: 1px solid #cccccc;
}
.encadre-rubrique h3 {
border-bottom: 1px dashed #cccccc;
}

.encadre-generique div, .encadre-rubrique div {
margin-right: 10px;
color:#666;
}

.encadre-fiche div,
.encadre-auto-fiche div,
.encadre-espace div {
margin : 0 0 25px 0;
height: auto;
line-height:1.2em;
}

/*-------------------------
encadres de gauche de la page d'accueil
--------------------------*/
.encadre-fiche-gauche {
background:#E5EFFA url(img/background_navigation_accueil.gif) no-repeat scroll 0 0;
margin:1px 15px 0 0;
padding-bottom:4px;
padding-left:0;
padding-top:45px;
text-align:left;
width:240px;
}
.encadre-fiche-gauche h3 {
color:#99CC00;
font-size:1em;
}

/* ------------------------
 encadres de recherche
------------------------ */

.encadre-search {
width:150px;
}
.encadre-search p {
margin: 5px 0;
}
.encadre-search label {
color: #434343;
font-size : x-small;
margin-left: 2px;
}

.encadre-search legend {
display : none;
}

.encadre-search .champ-saisie {
width : 110px;
border : 1px solid #332e44;
}

.encadre-search input,
.encadre-search select {
font-size : xx-small;
color : #434343;
}

.encadre-search select {
width : 150px;
border : 1px solid #949494;
}

.encadre-search input {
padding : 2px 1px;
}

.encadre-search a img {
vertical-align:middle;
}

.encadre-search .button { 
text-align: right;
}

.encadre-search .effacer, .encadre-search .valider {
background-color:#F3F3F3;
}
.encadre-search p.button .valider { 
font-weight: bold;
}

.firstencadre {
border : 0;
}

.encadre_recherche_org {
padding-left: 10px;
font-weight: normal;
color: #006699;
}

/*******************
	=Bloc =Pied de Page
********************/

#publicite {
position:relative;
left:-749px;
top: 0;
}

#pied-page {
height: 15px;
position: relative;
left:10px;	
font-size: 11px;
font-weight:normal;
clear:both;
width:750px;
padding-top:10px;
}
#pied-page a {
color: #999;
padding:0 3px;
}

/* =Adresse bas de page ------------------ */

address{
margin: 0;
padding: 2px 0 0 20px;
font-style:normal;
}

address a {
color: #fff;
text-decoration: none;
}

/* ------------------ */

#haut-page {
position: absolute;
top: 11px;
left: 15px;
cursor: pointer;
}
#imprimer{ 
position: absolute;
top: 38px;
left: 15px;
cursor: pointer;
}
#mentions_legales {
position: absolute;
top: 65px;
left: 15px;
cursor: pointer;
}
#partenaires {
position: absolute;
top: 93px;
left: 15px;
cursor: pointer;
}
#plan_site {
position: absolute;
top: 121px;
left: 15px;
cursor: pointer;
}

#basdepage {
position: absolute;
top: 900px;
left: 250px;
z-index: 1;
}

/********************************
=Contexte =DSI
********************************/
body.dsi div#bienvenue{
background:#0066cc url(img/background_acces_reserve_login.jpg) no-repeat scroll 0pt 0px;
height:auto;
left:759px;
padding-left:15px;
padding-top:1px;
position:absolute;
top:181px;
width:225px;
z-index:2;
}

body.dsi #personne_dsi{
margin-top: 0;
font-size: 1em;
font-weight: bold;
color: #9EC1DF;
}

body.dsi #bienvenue a {
color: #FFF;
font-size: 11px;
font-weight: normal;
text-decoration:none;
} 

body.dsi #bienvenue li {
list-style-image:none;
} 

body.dsi #bienvenue a:hover {
text-decoration: underline;
}

body.dsi #bienvenue ul {
margin-top: 2px;
list-style: none;
text-align: left;
padding-left:15px;
}

body.dsi #accueil_dsi, #preferences, #deconnect {
line-height: 12px;
}

body.dsi ul#menu_principal li.professionnels{
display:none;
}


/********************************
	=Contexte =Popup
********************************/

.popup {
background-color: #fff;
padding:10px;
}

#photo {
height: 80px;
background-repeat: no-repeat;
background-position: 50% 50%;
padding: 0 0 21px 0;		
color: #fff;
}

#photo div {
padding-left: 30px;
}

p#fil_ariane {
color:#CCCCCC;
font-family:"Trebuchet MS",Tahoma,sans-serif;
font-size:0.95em;
height:1.4em;
left:0px;
margin:0pt;
padding-left:15px;
position:absolute;
top:75px;
width:auto;
z-index:1300;
}

p#fil_ariane a {
color: #ccc;
text-decoration: none;
font-style:normal;
font-weight:bold;
}

p#fil_ariane a:hover {
text-decoration: underline;
}

p#fil_ariane .elementparticulier a {
text-decoration: underline;
}

a#connect {
display: block;
margin-top: 60px;
margin-left: 15px;
}

#accroche {
position: relative;
font-family: Trebuchet MS, helvetica, verdana, sans-serif; 
font-size: 1.25em;
line-height: 1.3;
/*min-height: 88px;*/
}

#accroche p {
padding-top: 10px;
padding-right: 20px;
padding-bottom: 10px;
margin: 0;
}

#visuel-rubrique {
float: left;
background-repeat: no-repeat;
width: 366px;
height: 147px;
}

#accroche .clear {
font-size: 1px;
background-color: #332e44;
height: 1px;
}


/**********************
	=Fiche =Annuaire
***********************/

.annuaire #annufonction { 
padding: 0;
font-size: 9px;
}

.annuaire #annudiscipline { 
padding: 2px 0;
margin-top: 3px;
color: #333;
font-size: 9px;
}

.annuaire .photo {
float: right;
background: #fff;
}
.annuaire .photo p {
margin-top:2px;
font-size: 9px;
color: #666666
}
.annudetails {
margin:0;
padding:3px 0 8px 0;
font-size: 90%;
color:#000;
}

.annuaire #coordonnees {
font-size: 1em;
font-weight: bold;
}

.an-det-gau {
float:left;
clear:left;
width:130px;
text-align: right;
margin-right:12px;
font-size: 1em;
color:#000000;
}

.an-det-dro {
float:left;
width:375px;
margin-bottom:5px;
font-size:1em;
}

.an-det-dro-mac {
float:left;
color: #8D8D8D;
margin-bottom:5px;
font-size:1em;
}

.an-det-mt {
clear:left;
margin-top:5px;
font-size:1em;
}

.para-an {
border-top:1px dotted #666666;
padding: 5px 0;
font-family: "MS Trebuchet", Arial, Helvetica, sans-serif;
font-size:1em;
}

.para-an h3 {
font-size:1em;
color:#332E44;
margin-bottom:5px;
}


/**********************
	=Fiche =Actualite
***********************/

.actualite .photo {
float: left;
margin: 0 10px 0 0;
}

#actudate {
color:#FF6600;
font-family:"Trebuchet MS", Arial;
font-weight:normal;
margin:0.5em 0 0;
padding-top:1.5em;
}

#acturesume {
color: #FFF;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
padding-right:15px;
font-family: Trebuchet MS, verdana, sans-serif;
font-size: 1.1em;
background-color:#999;
width:auto;
border-bottom:1px solid #FFF;
font-weight:bold;
line-height:1.2em;
}

#actudescription {
text-align: justify;
margin-bottom: 0.2em;
/*padding: 10px 10px 10px 10px;*/
padding-top:35px;
padding-left:10px;
padding-right:15px;
background-color:#F7F7F7;
width:auto;
line-height:normal;
}

.lien-plan {
display: block;
margin-top: 10px;
}

.boite-bas {
clear: left;
color: #332e44;
padding: 0;
margin-top: 0;
margin-bottom: 0;
}

.boite-bas .libel {
float: left;
width: 100px;
font-size: 1.0em;
color: #99cc00;
padding-left: 3px;
font-weight: bold;
}

.boite-bas a {
color: #006699;
}

.avec-libelle {
margin-left: 0;
margin-top: 0;
font-size: 0.89em;
color: #000;
}

.ligne-boite-bas {
clear: left;
margin-bottom: 10px;
}

.derniere-ligne { 
margin-bottom: 0;
}

.derniere-boite-bas {
border: none;
font-size:12px;
}

.boite-bas a.url-site {
color: #7C3345;
}

.boite-bas a.email {
font-size: 1.1em;
color:#0066cc;
}

/*****************************
	=Commentaires
*****************************/
#commenter { 
float: right;
color: #919191; 
font-size: 10px;
background-color: #e5e5e5;
color: #7C3345;
margin: 13px 0;
padding: 3px 4px;
}

#commenter a { 
color: #fff;
font-weight: 700;
}

#commenter a {
display: block;
}
 
.com-outer {
margin-top: 20px;
clear:both;
border-top: 1px dotted #666666;
}

.com-inner h3 {
color: #A7A7A7;
font-size: 14px;
margin: 0;
padding: 10px 0 5px 5px;
}

.com-inner ul {
margin: 0;
}

.com-inner li {
list-style-type: none;
border-left: 1px dotted #666666;
background-image: url(/images/filet_droit.gif);
background-repeat: repeat-x;
background-position: bottom left;
list-style-image: none;
}

.li1 {
padding-left: 0;
margin-top:30px;
}

.li1first {
margin-top: 0;
list-style-image: none;
}

.li1 ul {
margin-left: 6px;
}

.com-voir {
float: right;
padding: 20px 10px 0 0; 
}

.com-voir a {
color: #7c3345;
font-size: xx-small;
background: #fff url(/images/com_voir_bgd.gif) no-repeat 0 50%;
padding: 0 0 0 25px;
}

.com-titre { 
clear: both; 
color: #000; 
font-weight: 700; 
background-color: #f6f6f6; 
padding: 2px 0 2px 10px;
border-top: 1px dotted #666666;
}

.com-titre0 { 
background-color: #f6f6f6;
}

.com-titre1 {
background-color: #f6f6f6;
}

.com-date, .com-site { 
margin-left: 0;
background-color: #eaf5bd;
color: #6e858c;
font-size: x-small; 
padding: 2px 5px;
}

.com-auteur {
border-left: 1px solid #6e858c;
padding-left: 5px;
}

.com-corps {
margin-left: 0;
background-color: #f6f6f6;
padding: 2px 0 0 0;
color: #184653;
}
.com-corps p {
padding-left: 5px;
}

.com-new {
border-top: 30px solid #fff;
}

.repondre a { 
color: #d44579;
background-color: #fff;
margin:0;
padding: 0 5px;
}

/**********************
	=Fiche =Article
***********************/

#articlethematique {
color: #fff;
margin:8px 0;
font-size: 10px;
font-weight: normal; 
font-family: Trebuchet MS, verdana, sans-serif;	
}

#articlesoustitre {
color: #000;
margin:8px 0;
font-size:110%;
font-family: Trebuchet MS, verdana, sans-serif;	
}

.article .photo {
float : left;
margin : 0 10px 0 0;
display : inline;
}
.article .photo p {
margin-top: 2px;
font-size: 9px;
}

.articlecarif .photo {
float : left;
margin : 0 10px 0 0;
display : inline;
}
.articlecarif .photo p {
margin-top: 2px;
font-size: 9px;
}

#articledate {
float: left;
color: #a7a7a7;
font-size: 10px;
margin: 5px 0;
visibility:hidden;
}

#articlechapeau {
color: #fff;
margin : 10px 0 0 0;
padding: 10px;
font-weight: bold; 
font-family: Trebuchet MS, verdana, sans-serif;
font-size: 1.1em;
width: 523px;
background-color: #999999;
border-bottom: 1px solid #fff;
}

#articlecorps {
font-size: 1.1em;
text-align: left;
color: #666;
width: 523px;
padding: 10px;
background-color: #f7f7f7;
}

#articlecarifcorps {
font-size: 1.1em;
text-align: left;
color:#666;
line-height:1.1em;
}
#articlecarifchapeau {
color:#666;
margin : 10px 0 0 0;
font-weight : bold; 
font-family : Trebuchet MS, verdana, sans-serif;
font-size: 1.1em;
}

/******************************************
	=Fiche =DefautStructure =Structure 
******************************************/

.defaultstructure .photo {
float:left;
margin:-10px 10px 0 0;
}

.defaultstructure .photo p {
margin-top:2px;
font-size: 9px;
color: #666666
}

.annuaire-details{
border-bottom:1px dotted #666666;
margin:0;
padding:3px 0 10px 0;
font-size: 1em;
color:#000;
margin-bottom: 15px;
}
.annuaire-details a {
color:#0078D3;
}

.defaultstructure .an-det-gau {
float:left;
clear:left;
width:130px;
text-align: right;
margin-right:12px;
font-size:1em;
}

.defaultstructure .an-det-dro {
float:left;
width:330px;
margin-bottom:5px;
color: #8D8D8D;
font-size:1em;
}

.an-det-dro-mac {
float:left;
font-size:1em;
}

.an-det-mt {
clear:left;
margin-top:5px;
font-size:1em;
}

.defaultstructure .para-an {
border-top:0;
border-bottom:1px dotted #666666;
padding: 5px 0;
font-size: 1em;
}

.defaultstructure .para-an h3 {
font-size:1em;
color:#0078D3;
margin-bottom:5px;
margin-top: 0;
padding-top: 0;
font-weight: normal;
display:none;
}

.defaultstructure .para-an .soustitre{
font-size:1em;
font-weight:700;
color:#332E44;
}

.para-tab{
border-bottom:1px solid #CBADB5;
}


/******************************
	=Fiche =Document
*******************************/
.document .para-an {
border-top:1px solid #CBADB5;
padding: 10px 0;
}

.document .para-an strong {
font-size:110%;
color:#332E44;
}

.document .photo {
float: left;
background: #fff;
margin: 2px 10px 0 0;
}
.document .photo p {
margin-top:2px;
font-size: 9px;
color: #666666
}

#documentthematique {
color: #A7A7A7;
margin:8px 0 0 30px;
font-size: 10px;
font-weight: normal; 
font-family: Trebuchet MS, verdana, sans-serif;	
}

#documentparution {
color: #A7A7A7;
font-size: 10px;
font-weight: normal; 
font-family: Trebuchet MS, verdana, sans-serif;
margin:0;
margin-left: 30px;	
}

#documentsoustitre {
color: #000;
font-size: 12px;
padding: 0;
margin-bottom: 15px;
margin-left: 30px;
}

#documentauteurs {
color: #A7A7A7;
margin: 0;
margin-left: 30px;
font-weight: normal; 
font-family: Trebuchet MS, verdana, sans-serif;
font-size: 10px;
}

#documenttelecharger {
float: right;
padding: 3px 0;
background-color: #666666;
padding-left: 5px;
padding-right: 5px;
}
#documenttelecharger div {
border-bottom: 1px solid #fff;
font-size: 0;
margin: 2px 0;
}
#documenttelecharger a {
color: #fff;
}

#documentresume {
color: #0066cc;
margin: 0;
padding: 20px 0;
font-family: Trebuchet MS, verdana, sans-serif;
font-size : 1.1em;
}

#documentdescription {
font-size : 11px;
text-align: left;
}

#documentreferenceisdn {
padding: 8px 0;
border-top: 1px dotted #666666;
}

/***********************************************
	=Fiche =Formation
************************************************/

.section-importante {
background-color:#f5fae5;
margin : 0;
overflow:hidden;
}

.section-nonimportante {
background-color:#fff;
margin : 0;
overflow:hidden;
}

.actionformation dl {
margin: 0 10px;
padding: 1em 0;
overflow: hidden;
}
.demi-colonne {
float:none;
width:49.9%;
}
.colonne {
position: relative;
float:left;
width:100%;
}
.actionformation dt {
float: left;
width: 105px;
font-weight: bold;
color:#333;
}
.actionformation dd {
position: relative;
margin-left:115px;
color:#000;
}
.actionformation dd.code-action {
color:#000;
}

.fin-section {
background:transparent url(/images/tirets_h.gif) repeat-x 0 100%;
padding-bottom:5px;
}

dt.important {
color:#333;
font-weight:bold;
}

dt.normal {
font-weight:normal;
}

.actionformation li.titre {
list-style-type:none;
list-style-image:none;
font-weight: bold;
color:#333;
}

.actionformation li.element {
color:#333;
margin-left: 15px;
margin-top: 0.8em;
}

/***********************************************
	=Fiche =Diplome
************************************************/
.diplome dl {
margin: 0 10px;
padding: 1em 0;
overflow: hidden;
}

.diplome dt {
float: left;
width: 105px;
font-weight: bold;
color:#333;
}
.diplome dd {
margin-left:115px;
color:#7c7c7c;
}
.diplome dd.code-action {
color:#e55b00;
font-weight:bold;
}

.diplome li.element {
color:#333;
margin-left: 15px;
margin-top: 0.8em;
}

.diplome li.titre {
list-style-type: none;
list-style-image: none;
font-weight: bold;
color: #333;
}

/***********************************************
	=Fiche =Metier
************************************************/
.metier dl {
margin: 0 10px;
padding: 1em 0;
overflow: hidden;
}

.metier dt {
float: left;
width: 105px;
font-weight: bold;
color: #333;
}
.metier dd {
margin-left: 115px;
color: #7c7c7c;
}
.metier dt.normal {
font-weight: bold;
width: 100px;
white-space: normal;
}

.metier li.titre {
list-style-type: none;
list-style-image: none;
font-weight: bold;
color: #333;
}

.metier li.element {
color:#333;
margin-left: 15px;
margin-top: 0.8em;
}

/*********************************
	=Fiche PageLibre
*********************************/

.innerconteneur {
padding: 0;
}

html>body .innerconteneur { 
overflow: hidden;
text-align: justify;
padding-bottom:5px;
}

.lastconteneur .innerconteneur {
margin-right: 0;
text-align: justify;
padding-bottom: 5px;
padding-left: 5px;
}
.firstconteneur .innerconteneur {
padding-left: 0;
text-align: justify;
padding-bottom: 5px;
margin-right: 5px;
}

/* === Newsletter === */

body#newsletter {
background: #999966;
}

body#newsletter .newsletterlastconteneur {
margin-right: 0;
background-color:#FFFFFF;
}

body#newsletter .newsletterfirstconteneur {
border: 0;
background-color:#FFFFFF;
}

body#newsletter table {
font-size: 1em;
background-color:#FFFFFF;
}

/*****************************************
Gestion des styles de paragraphes
*****************************************/
.style1 {
font-size: 1em;
text-align: left;
z-index: 100;
color: #666666;
margin-top: 15px;
width: auto;
padding-left: 5px;
border-left: 1px solid #ccc;
}

.style1 h3 {
display: block;
font-size: 1.1em;
line-height: 1em;
font-weight: bold;
height: auto;
width: auto;
color: #999;
margin: 5px 0;
padding: 4px 0 5px 5px;
text-align: left;
border-bottom: 1px solid #ccc;
}

.style2 { 
font-size: 1em;
text-align: left;
z-index: 100;
color: #666666;
margin-top: 15px;
width: auto;
padding-left: 5px;
}

.style2 h3 {
border-bottom:1px dotted #CCCCCC;
color:#E75700;
display:block;
font-size:1.1em;
font-weight:bold;
height:auto;
line-height:1em;
margin:5px 0pt;
padding:4px 0pt 5px 5px;
text-align:left;
width:auto;
border-left:5px solid;
}

.style3 { 
font-size: 1em;
text-align : justify;
z-index: 100;
color:#999;
margin-top:15px;
padding-left:5px;
padding-right:5px;
}

.style3 h3 {
display:block;
font-size: 1.1em;
line-height:1em;
font-weight :bold;
height:auto;
width:auto;
color: #99CC00;
margin:5px 0 5px 0;
padding:4px 0 1px 0px;
text-align : left;
border-bottom:1px solid #CCC;
}

.style4 {
font-size : 1em;
text-align : justify;
z-index: 100;
color:#999;
margin-top:15px;
/*background-color:#F3F3F3;*/
}

.style4-deco {
height:auto;
padding-bottom:15px;
padding-left:10px;
padding-right:15px;
}

.style4 h3 {
display:block;
font-size: 1.3em;
line-height:1em;
font-weight :bold;
height:auto;
width:auto;
color: #006699;
padding:4px 0 5px 10px;
text-align : left;
margin-top:10px;
border-left:3px solid #99cc00;
}

.style5 { 
font-size : 1em;
text-align : justify;
z-index: 100;
color:#999;
margin-top:15px;
/*background-color:#F3F3F3;*/
}

.style5 h3 {
display:block;
text-transform:uppercase;
font-size: 1.3em;
line-height:1em;
font-weight :bold;
height:auto;
width:auto;
color: #CD271B;
padding:4px 0 5px 0px;
text-align : left;
margin-top:10px;
}

.style5-deco {
padding-left:30px;
padding-right:15px;
padding-bottom:15px;
height:auto;
border-left:1px solid #ccc;
}

.style6 { 
font-size: 1em;
text-align : left;
z-index: 100;
color:#666;
background-color:#FFF;
margin-top:15px;
padding-left:0px;
}

.style6 h3 {
display:block;
font-size: 1.2em;
font-family:Geneva, Arial, Helvetica, sans-serif;
line-height:1em;
font-weight :bold;
height:auto;
width:auto;
color: #000;
margin:5px 0 5px 0;
padding:4px 0 0px 30px;
text-align : left;
background: transparent url(img/puce_texte.gif) no-repeat 0 0;
}

.sansstyle { 
font-size : 1em;
text-align : justify;
color:#666666;
margin-top: 0;
}

/*** Fix Toolbox ***/
.innerconteneur * li div {
display: inline;
}

/********************************
	=Fiche =Recherche
********************************/

ul.liste_resultats {
margin-top: 1em;
list-style:none;
}

ul.liste_resultats li{
border-bottom: 1px solid #7d7d7d;
margin-bottom: 0.5em;
padding-bottom:0.2em;
}


/********** Recherche Formulaire ************/

.resultats {
border:1px solid #7d7d7d;
margin-top:50px;
font-weight:700;
color:#332e44;
}

.recherche legend{
display:none;
}

.ligne-res{
padding: 5px;
margin-top: 7px;
margin-bottom: 7px;
overflow:auto;
}

.ligne-res div {
float:left;
padding-left: 5px;
}

.ligne-res-gau {
width: 100px;
padding-left:5px;
}

.ligne-res .ChampSaisie {
margin: 0 5px;
width:150px;
color:#434343;
font-size: 10px
}

#recherche_debut_fin input {
width:120px;
}

#recherche_debut_fin img {
vertical-align: top;
}

#recherche_avancee input {
border: 1px solid #A7A7A7;
font-size: 10px;
}
#recherche_avancee label {
font-weight: normal;
color:#666;
}

.ligne-res select {
margin: 0 5px;
width: 170px;
color: #006697;
}
#type_structure {
color: #434343;
font-size: 10px;
}
#recherche_avancee .bouton {
font-size: 11px;
font-weight: bold;
color: #fff;
border: 1px solid #333;
margin: 0 0 1px 0;
padding:2px;
background-color: #99ccff;
}

p.liens-ra {
float: left;
margin-top: 20px;
}

p.boutons {
text-align: center;
margin-top: 20px;
}

p.boutons .effacer,
p.boutons .valider {
color: #006699;
border: 1px solid #333;
margin: 0 0 10px 10px;
padding:2px;
}

.boutons .effacer {
border: 1px solid #666;
background-color: #F3F3F3;
}
.boutons .valider {
font-weight: bold;
color: #434343;
background-color: #F3F3F3;
}

a.precedent,
a.premier {
margin-right: 30px;
}
a.dernier,
a.suivant {
margin-left: 30px;
}

/**********************************************
	 =Contexte =Fiche =Collaboratif =Gestion
***********************************************/
/*** layout du collaboratif ***/
/*
.collaboratif #contenu-sans-encadres {
padding-left: 15px;
}
.collaboratif li {
list-style-position: outside;
line-height: normal;
margin-left: 10px;
}
.collaboratif #encadres {
display:none;
}

.collaboratif #navigation ul,
.collaboratif #navigation ol {
list-style:none;
}
.collaboratif .ligne {
border: 0;
}

/*** end layout ***/

/*** styles du collaboratif ***/
/*
.collaboratif #menu {
border-bottom: 1px solid #332e44;
}

/*** Zone Centrale ***/
/*
.collaboratif .conteneursousparagrapheaccueil {
float:left;
width:45%;
margin-top: 2em;
padding-right:3%;
}

.collaboratif .conteneursousparagraphe {
width:95%;
margin-top: 2em;
}

.collaboratif .conteneursousparagraphealbum {
float:left;
width:95%;
margin-top: 2em;
}

.collaboratif #menu-prin{
  border-bottom: 0;
}

.collaboratif .menuleft,
.collaboratif .menuleft-in {
  background-image: none;
}


/****** Home - Tribu ****/

#responsables {
  font-size: 1em;
  color: #990000;
  margin:0 0 15px 0;
}

/* Titres des Services */
/*
h3.service, h3.service2 {
  font-size: 100%; 
  font-weight: 700;
  padding: 0.3em 60% 0.3em 10px; 
  background: url(/images/escalier.gif) no-repeat 49% 0;
  clear:both;
  position:relative;
}

/* Titres page tribu */
/*
.conteneursousparagrapheaccueil h3.service {
	margin-bottom: 0;
	background: url(/images/escalier.gif) no-repeat 47% 0;
}

/* Titre requeteur */
/*
h3.service2 {
background: url(/images/escalier2.gif) no-repeat 49% 100%;
}
/*** Menus du Collaboratif ****/

#espace {
padding: 0;
}

#navigation #espace h3 {
position:relative;
color: #99cc00;
font-size:1.1em;
font-weight:bold;
height:25px;
padding-left:40px;
/*background: transparent url(img/accueil_gauche.gif) no-repeat;*/
}

#espace img {
margin:1em 10px 1em 0;
cursor: pointer;
}

.collaboratif #navigation ul{ 
margin:1em 10px 1em 20px;
line-height:1.4; 
} 

/* Liste de mes espaces */
/*
.collaboratif #navigation select,
.collaboratif #navigation label { 
margin: .5em 0 .5em 10px; 
}

.collaboratif #navigation select {
border:1px solid #ccc;
font-size: 90%;
color:#666;
width:120px;
}

.collaboratif #navigation option {
padding: 2px;
}

.collaboratif #navigation .ok {
margin-top:.5em;
vertical-align: top;
}

.collaboratif #navigation label {
color:#37535B;
}


/*************FICHES COLLABORATIVES******************/

.contenu_liste { 
margin:1em 0 1em 0;
padding: 0;
}
/*
div.contact {
color:rgb(55,83,91);
}

h3.contact { 
font:normal 12px  Trebuchet MS, verdana, sans-serif;
font-weight:700;
}

.contact .list_colab li {
margin:0 0 0.4em 0;
}

.publie_news {
margin:0;
font-size:85%;
color:#332e44;
padding:2px 0;
}

#para_doc { 
color:#000; 
margin-top:0.7em;
margin-bottom:0.7em;
}

/* photo album */

/*
.pagination_album {
clear: both;
padding-top: 20px;
text-align:center;
}

.slide-mount { 
float:left;
background-color: #eee; 
border:1px solid #332e44; 
width:200px; 
height:200px;
text-align:center;
margin: 23px 8px 0 8px; 
ma\rgin: 23px 23px 0 0;
}

.slide-mount img {
cursor:pointer;
}

.ligne-photo {
clear:left;
}

.ligne-photo {
float:left;
fl\oat:none;
}

.last-photo {
margin-right:0;
}

.slide-mount img {
border:1px solid #737373;
}

#titre_gestion_tribu {
text-transform:uppercase;
}

/* =liens  =collaboratif =gestion */
/*
.gestion a {
text-decoration: none;
color: #2080ac;
}

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


/*********** =Formulaires de =Gestion **********/
/* Espacement */
/*
.gestion p,
.gestion div {
margin:0.5em 0;
}
/*** pour que l'arborescence du document s'affiche correctement ***/

/*
.gestion div.dtree div {
margin:0;
}

.gestion div.toolbox div {
margin:0;
padding-top:.5em;
border:0;
}

.gestion .preliminaire {
margin :0 0 3em 0;
}

.gestion .champ-texte,
.gestion label, 
.gestion span {
padding:2px;
}

.gestion iframe {
width: 350px;
} /* taille de la toolbox */


/* Messages d'erreurs et autres */
/*
#msg-alerte,
#msg-erreur,
#msg-confirmation { 
padding: .5em;
width:95%;
}

#msg-alerte {
background-color: #ffb622;
color:#332e44;
font-weight:700;
text-align:center;

}

#msg-erreur {
background-color: #f11b03;
color:#fff;
font-weight:700;
text-align:center;
}

#msg-confirmation {
background-color: #b8f04c;
color:#332e44;
font-weight:700;
text-align:center;
}

#msg-alerte a,
#msg-erreur a,
#msg-confirmation a {
	color: #fff;
}
/* Typo */
/*
.gestion input,
.gestion textarea,
.objet-formulaire td * {
font-size: 1em;
}
 
.objet-formulaire td {
line-height:20px;
}

.gestion,
.gestion div,
.gestion p,
.gestion label, 
.gestion span, 
.gestion .preliminaire, 
.gestion iframe,
.gestion textarea,
.gestion select,
.bouton,
.objet-formulaire td * { 
color:#000;
font-family: Trebuchet MS, verdana, sans-serif;
}

/* Couleurs */
/*
.gestion .obligatoire {
color: #f11b03;
}

.gestion span.msg-aide {
color: #666;
font-size: .9em;
}

.gestion .champ-texte,
.gestion iframe,
.gestion textarea,
.objet-formulaire .ChampSaisie {
border-top: 1px solid #666;
border-left: 1px solid #666;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
}

.bouton, .objet-formulaire .bouton {
border: 1px solid #333;
margin: 0 0 0 10px;
padding: 2px;
background:#fff;
color:#006699;
cursor:pointer;
}

.bouton:hover{
text-decoration: none;
}

.gestion .champ-texte:focus,
.gestion select:focus,
.gestion input:focus,
.objet-formulaire .ChampSaisie:focus {
background: #ffc;
}

.gestion #valider-formulaire {
border-top: 1px solid #666;
padding-top:1em; text-align:center;
float:none;
}

.gestion input.readonly{
border:0;
}
.gestion input.readonly:focus {
background:transparent;
}

.gestion fieldset {
border:0;
width:690px;
border-bottom:1px  #CCCCCC;
}

.collaboratif .gestion fieldset {
clear: left;
}


.gestion legend {
font-size: 1em;
font-weight:bold;
color:#990000;
border:0;
width:100%;
}

/*** Mode Colonne
a gauche on a ou bien des label, des span.libelle
a droite on a des label.bouton
***/

/*
.en-colonne label.label-bouton {
float:none;
display:inline;
}

.en-colonne label,
.en-colonne span.libelle, /* doit se comporter comme un <label> */
/*
.en-colonne .multi-col span{
float: left; 
width: 170px;
}

.en-colonne .colonne-droite {
margin:0;
clear:none;
float:none;
width:auto;
padding-left:135px;
}

.en-colonne label.label-bouton,
.en-colonne label .msg-aide {
font-weight:normal;
}

.gestion label.date-jour,
.gestion label.date-mois,
.gestion label.date-annee { 
float:none;
display:inline;
margin-right:5px;
}

.en-colonne div,
.en-colonne p {
float:left;
clear:left;
}

.en-colonne div,
.en-colonne p {
width:100%;
padding-left: 0;
padding-right: 0;
margin-left: 0;
margin-right: 0;
}
.en-colonne div.toolbox p,
.en-colonne div.toolbox div {
float:none;
clear:none;
}

.en-colonne .multi-col table {
margin-left:0;
padding-left:0;
border:0;
width:auto;
}

.en-colonne .multi-col table tr{
border:0;
}

.en-colonne .multi-col table td{
padding-left:0;
border:0;
line-height:1.5;
}

.en-colonne .multi-col table td * {
vertical-align: middle;
}

.en-colonne table label {
float:none;
width:auto;
}

.en-colonne .multivalue table{
background:#eee;
}

.en-colonne .multivalue table td{
padding: 15px;
}

.en-colonne .multivalue table .champ-texte{
width:150px;
}

.en-colonne .multivalue select {
width:350px;
height:108px;
}

#liste-fichier {
float:left;
clear: none;
margin-top:0;
width:30%;
}

#liste-fichier input {
margin-bottom: 4px;
}

#inner-fichier {
margin: 0;
padding: 0;
}

/*** Nb Resultats par page ***/

.gestion #resultats_par_page input.champ-texte{
width:3em;
}

/** Tableau de Bord - Ecran de =Gestion **************/

.gestion table,
.gestion th,
.gestion td  {
font-size: 100%;
font-family:Trebuchet MS, verdana, sans-serif;
}

.gestion table {
line-height:1.3;
border-collapse: collapse;
margin: 1em 0;
width:100%;
/*border-top:1px solid #ccc;*/
}

.gestion th{
text-align:left;
color:#332e44;
}

.gestion th a {
color:#332e44;
text-decoration:underline;
}

.gestion td, .gestion th {
padding: 3px 10px;
vertical-align:text-top;
}

.gestion tr  {
border-bottom:1px solid #ccc;
}

.gestion .odd td {
background-color:#D2E0E2;
}

.gestion .even td {
background-color:#fff;
}

.gestion table img { 
border:0;
vertical-align: bottom;
}

.gestion table.layout td img {
border:0;
vertical-align: bottom;
}

/*** Liste horizontale de liens ***/
/** mise en comme depuis maj migration kportal 20080826
.liste-horizontale,
.liste-horizontale li {
margin:0;
padding:0;
}

.liste-horizontale {
list-style-type: none;
}

.liste-horizontale li {
display:inline;
}

.liste-horizontale li a {
margin: 0 0 0 5px;
padding: 0 0 0 5px;
border-left:1px solid #ccc;
}

.liste-horizontale li:first-child  a{
border-left:0;
padding-left:0;
margin-left:0;
}
fin mise en comme depuis maj migration kportal 20080826 **/

/*************************************
	=commentaires =collaboratif
*************************************/



#commentairescolab {
margin-left:25px;
color:#333;
}



#commentairescolab h3 {
padding:1em 0 0 20px;
font:700 normal 1em/1.1  Trebuchet MS, sans-serif;
text-transform:uppercase;
color:#4C6884;
background:transparent url(/images/icone_com.gif) no-repeat 0 100%;
}

#commentairescolab li {
list-style-type:none;
background-color:#eee;
padding:10px;
margin-top:1em;
}

#commentairescolab li li {
margin:0;
padding-bottom:0;
}

#commentairescolab h4 {
font-size:100%;
color:#4C6884;
background:transparent url(/images/reponse_com.gif) no-repeat 0 50%;
padding-left:15px;
}

#commentairescolab .date_com { 
color:#4C6884;
border-bottom:1px  #BFD4D8;
padding:0 0 0.5em 0;
}

/*** Pagination ***/
#pagination {
text-align:center;
}

#pagination img {
border:0;
vertical-align:baseline;
margin:0 5px;
}

#pagination  {
font-weight:700;
}

#pagination a, #pagination a:hover {
font-weight:normal;
text-decoration:none;
}

/******************************* CARIF REUNION *******************************/

/* Boite infos utiles en haut à droite*/
ul#utiles {
height:10px;
left:380px;
line-height:normal;
padding:7px 0px 5px 10px;
position:absolute;
top:5px;
width:650px;
z-index:1000;
}

ul#utiles li{
/*list-style-image:url(img/puce_utiles.gif);
margin-top:1px;
margin-bottom:1px;
padding:0px 0px 0px 0px;*/
margin: 0;
padding: 0;
display: inline;
list-style-type: none;
border-right:2px solid #fff;
}

ul#utiles a {
    font-size: 0.99em;
    line-height: 14px;
    font-weight: bold;
    margin: 0 10px 4px 10px;
    text-decoration: none;
    color: #FFF;
}
		/*text-decoration: none;
		color:#0066CC;
		font-weight:normal;*/

ul#utiles a:hover {
        text-decoration: underline;
		color:#FFF;
}

/* Encadré de gauche de la page d'accueil : */
.encadre-accueil {
margin-bottom:15px;
}
.encadre-accueil-titre {
font-size: 1.1em;
font-weight: bold;
height: auto;
margin-left: 5px;
margin-bottom: 0;
margin-top: 5px;
padding-bottom: 5px;
padding-top:5px;
border-bottom:1px;
border-bottom-style:dashed;
border-bottom-color:#CCCCCC;
color:#99cc00;
width:230px;
margin-right:3px;
}
.encadre-accueil-contenu {
padding-left:5px;
text-align:left;
height:auto;
color:#999;
width:229px;
}

/* Encadre de droite de la page d'accueil : */
.encadre-accueil-droite {
margin-top:10px;
z-index:1000;
position:absolute;		      
/*width: 220px;*/
}
.encadre-accueil-droite-titre {
border-bottom:1px solid #CCCCCC;
font-size:1.1em;
font-weight:bold;
color:#99CC00;
height:15px;
margin-bottom:5px;
margin-left:5px;
margin-top:10px;
padding-top: 0;
z-index:1000;		
}

.encadre-accueil-droite-contenu {
padding: 0;
z-index:1000;		
}
.encadre-accueil-droite-contenu, .encadre-accueil-droite-contenu a {
font-size: 1em;
font-weight: normal;
color:#0099FF;
padding:5px 0 0 5px;
z-index:1000;		
}
/* Zone des logos des partenaires : */
#partenaires_logos {
position: absolute;
top:100px;
left:250px;
}
#partenaires_logos img {
margin-right: 8px;
}


/*  ***********************************************
    CARIF REUNION
    ***********************************************  */

ul#tabnav {
	color: #000000;
	font-size: 8pt;
	font-weight: 500;
    list-style-type: none;
    padding-bottom: 24px;
    border-bottom: 1px solid #bbb;
    margin: 0;
	margin-right: 20px;
	padding-left:22px;
	position:relative;
	z-index:2000;
}

ul#tabnav li {
    float: left;
    height: 21px;
    margin: 2px 4px 0 0;
	padding:0 5px;
    border: 1px solid #bbb;
    list-style:none;
}
ul#tabnav li.active {
    border-bottom: 1px solid #fff;
    background-color: #fff;
}
ul#tabnav a {
    float: left;
    display: block;
    color: #666;
    text-decoration: none;
    padding: 4px;
	font-weight: bold;
}
ul#tabnav a.a-onglet{
    font-style: normal;
}

/* block d'affichage de la RA*/

#console_saisie {
    overflow: hidden;
/*	width: 469px;*/
	margin: 0 20px 0 0;
	padding: 2em 10px;
	background-color: #fff;
    border-bottom: 1px solid #bbb;
	border-left: 1px solid #bbb;
	border-right: 1px solid #bbb;
}

#ecran-recherche {
	overflow: hidden;
	width: 489px;
	margin: 0 20px 0 0;
	padding: 0;
	background-color: #fff;
    border: 1px solid #bbb;
	margin-top:32px;
	position:relative;
	z-index:2000;
}

#ecran-recherche select {
    width: 300px;
}

/* AFFICHAGE DES CHAMPS DE RECHERCHE AVANCEE */

.rech-ligne-res{

clear:left;
padding: 5px;
margin-top: 7px;
margin-bottom: 7px;
overflow:auto;
}

.rech-ligne-res div {
    float:left;
}

.rech-ligne-res-gau {
width: 105px;
padding-left: 5px;
}

.rech-ligne-res .ChampSaisie {
margin: 0 5px;
width: 110px;
color:#434343;
font-size: 12px;
border-color: #000000;
}

#recherche_avancee textarea {
  border: 1px solid #A7A7A7;
  font-size: 12px;
}

.rech-ligne-res #tableRegion {
  width: 300px;
  line-height: 1.5em;
}

.rech-ligne-res  input{
  margin-right: 4px;
}

/***********************************************
	=Fiche =Organisme
************************************************/
.organisme dl {
	margin: 0 10px;
	padding: 1em 0;
	overflow: hidden;
}

.organisme dt {
	float: left;
	width: 105px;
	font-weight: bold;
	color:#333;
}
.organisme dd {
	position: relative;
	margin-left:115px;
	color:#7C7C7C;
}
.organisme dd.code-action {
	color:#E55B00;
	font-weight:bold;
}

#logo_organisme {
	position:absolute;
	top: 350px;
	margin-left: 370px;
	padding: 5px;
	background: #fff;
}

#liste_formation_organisme {
	width:100%;
}

#liste_formation_organisme th{
	font-weight:bold;
	background-color:#f4f4f4;
	text-align:center;
}

#liste_formation_organisme tr{

	font-size: 11px;
	border:0;
}

/******************************************************************************/
/* Liste de resultat des Diplome/
/******************************************************************************/
.carteid_diplome {

	float:left;
	margin-top: 5px;
	margin-top: 5px;
	width: 100%;
}


.carteid_diplome li.element{
	color:#333;
	margin-left: 40px;
	margin-top: 0.8em;
}

.carteid_diplome li.titre{
	margin-left: 15px;
	list-style-type:none;
	list-style-image:none;
	font-weight: bold;
	color:#333;
}

/******************************************************************************/
/* Liste de resultat des Organismes*/
/******************************************************************************/
.carteid_organisme {
	float:left;
	background: #f4f4f4;
	margin-top: 10px;
}

.carteid_organisme table{
	width :100%;
}

.carteid_organisme td.libelle{
	width: 80px;
	font-weight : bold;	
	position: relative;
}

.carteid_organisme td.donnee{
	padding-left: 7px;
	padding-top: 7px;
	line-height: 1.3em;
	position: relative;
}

/******************************************************************************/
/* Liste de resultat des Actions de formations */
/******************************************************************************/

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

.carteid_actionformation {
	position: relative;
	float:left;
	background: #f4f4f4;
	margin-top: 10px;
}

.carteid_actionformation table{
	width :100%;
	position: relative;
}

.carteid_actionformation td.libelle{
	width: 80px;
	position: relative;
}

.carteid_actionformation td.libelle2{
	width: 60px;	
	position: relative;
}

.carteid_actionformation td.donnee{
	width: 170px;
	font-weight : bold;
	padding-left: 3px;
	line-height: 1.2em;
	position: relative;
}

.carteid_actionformation td.donnee2{
	font-weight : bold;
	padding-left: 3px;
	line-height: 1em;
	position: relative;
}

.carteid_actionformation a{
	position: relative;
}

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

.carteid_actionformationintercarif {

	float:left;
	background: #f4f4f4;
	margin-top: 10px;
}

.carteid_actionformationintercarif table{
	width :100%;
}

.carteid_actionformationintercarif td.libelle{
	width: 100px;
	position: relative;
}

.carteid_actionformationintercarif td.donnee{

	font-weight : bold;
	padding-left: 0;
	line-height: 1.2em;
	position: relative;
}

#pagination {
	width:100%;
	font-weight : normal;
}

#lien-precedant {
	float:left;
	text-align: left;
	width:280px;
}

#nbpage {
	float:left;
	text-align: left;
	width:240px;
}

#lien-suivant {
	float:left;
}

/******************************************************************************/
/* nombre de resultat trop important */
/******************************************************************************/
#affiner_critere {
	color: red;
	float: left;
	width: 100%;
	font-weight: bold;
	margin: 10px 10px 20px 10px;
}


/******************************************************************************/
/* ENCADRE SPECIFIQUE */
/******************************************************************************/

.anpe ul{
	padding-left: 30px 
}
.anpe li{
	padding-left: 0 
}


/***********************************************
	=Fiche =FormationINTERCARIF
************************************************/

.intercarif dl {
	margin: 0 10px;
	padding: 1em 0;
	overflow: hidden;
	position: relative;
}
.intercarif dt {
	float: left;
	width: 105px;
	font-weight: bold;
	color:#333;
	position: relative;
}
.intercarif dd {
	margin-left:115px;
	color:#7C7C7C;
	position: relative;
}
.intercarif dd.code-action {
	color:#000;
	font-weight:normal;
	position: relative;
}

.newsletterlastconteneur {
	margin-right : 0;
}

.newsletterfirstconteneur {
	border : 0;
}

/**************************************
Tableau page d'accueil
**************************************/
.cellule1 {
   font-size : 12px;
   font-family : Verdana, arial, helvetica, sans-serif;
   color : #333333;
   text-align : center;
   background-color : #c6c3bd;
}


/*************************************
Envoi à un ami
*************************************/

form#envoi-ami label {
display: block;
float: left;
width: 180px;
}
form#envoi-ami input.input-text {
width: 220px;
}

/*************************************
Recherche par themes GP
*************************************/

div#recherche-themegp {
z-index:1000;
}

div#recherche-themegp form {
margin: auto;
width: 65%;
z-index:1000;
}
div#recherche-themegp form label {
display: block;
margin: 0;
}
div#recherche-themegp form input#recherche-themegp-input {
margin: 0 1px;
width: 200px;
}
div#recherche-themegp form input#recherche-themegp-ok {
vertical-align: bottom;
}
div#recherche-themegp form p {
font-family: verdana;
font-size: 0.9em;
margin-top: 2px;
}

div#recherche-themegp p#avancee {
margin-right: 20px;
text-align: right;
}

div#recherche-themegp h3 {
border-bottom: 1px solid #ccc;
border-left: 3px solid #0066cc;
padding: 0.4em 0.5em;
font-size: 1.3em;
}
div#recherche-themegp p#precisions-gp {
margin-bottom: 1em;
margin-left: 15px;
}

div#recherche-themegp table {
border-collapse: collapse;
margin-left: 10px;
width: 95%;
}
div#recherche-themegp caption {
display: none;
}
div#recherche-themegp td {
padding: 0.5em;
vertical-align: top;
width: 30%;
font-size:11px;
}
div#recherche-themegp td span#nb-resultats {
color: #ff6600;
font-weight:bold;
font-size:0.9em;
}

/*** Liste horizontale de resultats ***/

#contenu-sans-encadres table#detail-res {
width: 100%;
font-size:1.0em;
}

#contenu-sans-encadres table#detail-res tr.pair {
background-color: #bfd9f2;
}

#contenu-sans-encadres table#detail-res tr.impair {
background-color: #dff0ff;
}

#contenu-sans-encadres table#detail-res th {
padding: 5px;
text-align: center;
}
#contenu-sans-encadres table#detail-res td {
padding: 5px;
text-align: center;
}
#contenu-sans-encadres table#detail-res td.first {
text-align: left;
}

#select_tribus {
margin-left:5px;
margin-top:10px;
}

#ok_tribus {
position:relative;
left:155px;
top:-21px;
margin-left:10px;
}

#logo_espace_collaboratif {
margin-left:30px;
}

/**********************************
Ajout connecteur vers Joomla
**********************************/
.moduletableidentification {
/*visibility:hidden;*/
display:none;
}

h1.contentheading {
position:relative;
font-size:1.1em;
}

.moduletablegest_annonces {
position:absolute;
left:5px;
}

.adsmanager_subcats {
display:none;
}

/*** maj mgration kportal 20080826 */
div.liste-horizontale ul,
div.liste-horizontale li{
margin: 0;
padding: 0;
}

div.liste-horizontale ul{
list-style-type: none;
padding-left: 0 !important;
}

div.liste-horizontale li{
display: inline;
}

div.liste-horizontale li a{
border-right: 1px solid #ccc;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}
/*** fin maj mgration kportal 20080826 */

.en-colonne {
	position:relative;
	z-index:1000;
}

/*** Gestion formulaire MES PREFERENCES ***/
div.nodisplay {
	display:none;
}

/*****Gestion abonnement Newsletter****/
div.required {
color:#FF6600;
font-weight:bold;
}

/****Correction affichage page Espace collaboratif*****/
.infos-complementaires {
z-index:2000;
position:relative;
}