/* Calques de menus */
#presentation {width:139px; z-index:101; visibility:hidden}
#vielocale {width:193px; z-index:102; visibility:hidden}
#pratique {width:150px; z-index:103; visibility:hidden}
#scolarite {width:162px; z-index:104; visibility:hidden}
#sportculture {width:141px; z-index:105; visibility:hidden}
#social {width:154px; z-index:106; visibility:hidden}
#economie {width:120px; z-index:107; visibility:hidden}

/* CSS Document */
body {margin:0; background:#7ea7d5}
table {margin:0; border:0}
td {padding:0; font-family:arial,helvetica,sans-serif}
img {border:0}
.imgpuce {display:none}
.btn_ecouter2 {display:none}

/* ----------------- Page ------------------- */
#page {background:#fff}
.cgauche {background:url(images2/logo_menu.gif) left 190px no-repeat}
.vs {letter-spacing:0.1em; text-align:left; font-size:x-small; text-transform:uppercase; color:#006699; margin-bottom:10px}
.vs img {padding-left:6px}
.cdroit {border-left:1px dashed #000; padding:10px}
/* calques du menu général */
.calcactu {position:absolute; left:auto; visibility:hidden}
.calcactu table {width:100%; border-bottom:1px solid #000; border-left:1px solid #000; border-right:1px solid #000; background:#ccc}
.calcactu td {font-size:8pt; padding:3px}
.calcactu a {color:#000; text-decoration:none}
.calcactu a:hover {color:#b16767}
.calcmenu {position:absolute; left:auto; visibility:hidden}
.calcmenu table.tmenu {width:100%; background:#ff9966; font-size:8pt; border-left:1px solid #666; border-top:1px solid #666; border-right:1px solid #666}
.calcmenu .tmenu td {padding:3px; border-bottom:1px solid #666}
.calcmenu a {color:#000; text-decoration:none}
.calcmenu a:hover {color:#fff}
/* Espace rubrique */
.rubric td {padding-left:45px; letter-spacing:0.1em; text-align:left; font-size:small; text-transform:uppercase; font-weight:bold; color:#006699}
.sousrub td {padding:15px; font-size:8pt; font-weight:bold}
.sousrub a {font-size:8pt; font-weight:normal; text-decoration:none; color:#000}
.sousrub a:hover {font-weight:bold}
.rubniv3 {font-size:8pt; font-weight:normal; text-decoration:underline; color:#666; margin-right:5px}
a.rubniv3 {font-size:8pt; font-weight:normal; text-decoration:none; color:#666; margin-right:5px}
a.rubniv3:hover {font-weight:normal; text-decoration:underline}
/* Espace invariant */
a.invarg {text-decoration:none; color:#000; font-family:verdana; letter-spacing:10%; font-weight:normal; font-size:x-small; text-transform:uppercase}
a.invarg:hover {font-weight:bold}
/* Espace Agenda */
h5 {display:block; background:#eee}
#calendrier {width:100%; font-size:8pt; color:#990000; border-collapse:collapse; border:1px solid #0099ff}
.Calmois {font-weight:bold}
.Calsemaine {font-weight:bold; border:1px solid #0099ff}
.CalJour {border:1px solid #0099ff}
#calendrier a {font-size:8pt; font-weight:bold; color:#000; text-decoration:none}
#calendrier a:hover {color:blue}
.titreagenda {font-weight:bold; color:#990000; font-size:9pt}
.agendacontenu {font-size:small}
a.lienagenda {font-size:small; color:#990000; text-decoration:none}
a.lienagenda:hover {color:blue}

/* --------------------- espace navigation --------------------------- */
.navig {font-size:7pt}
.navig td {padding:5px}
.navig a {font-size:7pt; color:#000; text-decoration:none}
.navig a:hover {text-decoration:underline}
.btnspe {padding:10px; background:#E6E6E6}

/* --------------------- Espace de contenus --------------------------- */
#gdtheme td {padding-left:15px; padding-top:10px; padding-right:15px; font-size:medium; text-transform:uppercase; color:#990000; font-weight:bold}

/* Espace des élus */
.listeelu td {padding-bottom:10px}

/* espace du contenu gabarits */
.contenu {padding:10px}
.nomcontenu {display:none}
.contenu .TContenu, .contenu .TListe {margin-bottom:15px}
.ico {border:0px} /* tous les icônes invariants dans les gabarits de page */
.TListe {width:100%; border-bottom:1px solid #666} /* paramètres pour l'objet tableau par liste */
.TContenu {width:100%} /* paramètres pour l'objet tableau par contenu */
.TContenu .vignette {display:none}
.Tliste img, .TContenu img {margin:10px}
.resume {padding-bottom:10px}
.liens1 {display:none}  /* Liens en construction à modifier dés que prêt */
.LiensBas {display:none}  /* Liens en construction à modifier dés que prêt */
a.liensbouton {font-size:8pt; color:#990000; text-decoration:none} /* lien en savoir plus sur les contenus liste */
a.liensbouton:hover {color:#000}
.icone_retour {border:0px; float:right} /* icone retour des fiches détail */
.vignette {border:0}
.liensbas {display:none}

/* Pour les gabarits annuaires */
table.trecherche {width:100%; border:10px solid #FFFFFF; border-collapse:collapse; margin:auto} /* annuaires avec critere */
.trecherche th {background:#CEE5D3; padding:10px; text-align:left; vertical-align:middle; letter-spacing:0.1em; text-transform:uppercase; font-weight:bold; color:#237B53}
.trecherche td {border-top:1px solid #CEE5D3; padding:10px; text-align:left; letter-spacing:normal; color:#000000}
.modChamp {font-size:xx-small; border:1px solid black; width:180px}
.modBouton {font-size:xx-small; border:1px solid black; background:#CEE5D3}
.theme_annu {font-weight:bold; font-size:medium; color:#CEE5D3}
.titre_annu {background:#eee; font-weight:bold}
a.lientit_annu {color:#990000; font-weight:bold! important}
a.lientit_annu:hover {color:#000; text-decoration:none}
a.lienplus {color:#990000; font-size:7pt! important; text-decoration:none! important}
a.lienplus:hover {color:#000; text-decoration:none}
div.critere1 {width:100%; background:#CDE3D1; text-align:left; border-bottom:1px solid #309AA7; margin-top:15px; font-weight:bold; font-size:large; text-transform:uppercase; color:#309AA7}
div.libelle {background:#EAF4EC; margin-top:5px; width:100%; letter-spacing:0.1em; text-align:left; text-transform:uppercase; font-weight:bold; color:#237B53}
div.annutel {font-size:small; font-weight:normal; float:right; width:150px}
div.descript {width:100%; text-align:left; border-bottom:1px solid #CEE5D3; padding:10px}
#annuaire {width:100%; margin-top:5px} /* annuaires sans critere */
#annuaire .resume {padding-bottom:10px}
/* styles pour les actualités asociations */
#gabarit {width:100%} /* Espace dédié aux gabarits infolive */
.gabarit {width:100%}
#actuassoc {width:95%} /* Styles pour la page d'actualités */

/* Styles pour les portails */
.rechercheliste {width:100%; border-bottom:1px solid #000; margin-bottom:10px}
.rechercheliste td {padding:10px}
.rechercheliste form {display:inline}
#compte {width:100%; border:2px solid #990000} /* tableau affichant les chiffres d'éléments référencés dans le portail */
#compte td {font-size:xx-small}
.libelle {color:#006699; font-size:small; font-weight:bold} /* libellé pour le champ catégorie et le champ mot clé */
.element {width:100%} /* tableau encadrant chaque nom et numéro de téléphone du portail */
.element td {font-size:small; padding:3px}
.element a {font-size:9pt; font-weight:bold; text-decoration:none; color:#990000}
.element a:hover {color:blue}
select {font-size:7pt}
a.retour {font-weight:bold; color:#990000; text-decoration:none} /* lien de retour page précédente sur l'espace des portails */
a.retour:hover {color:blue}

/* ----------- espace formulaire portail en ligne -------------- */
#formulaire {width:750px; height:380px}
#formulaire th {font-size:small; text-transform:uppercase; font-weight:bold; color:#990000; text-align:center; padding:10px}
#formulaire td {padding:10px}

/* ---------- Espace des offres d'emploi entreprises ------------ */
#offre {width:100%; font-size:9pt}
#offre td {padding:5px; border:1px solid #000; font-size:small}
#offre li {margin-bottom:5px}
#offre a {text-decoration:none; color:#336699}
#offre a:hover {color:#000}
.info_entrep {width:100%; font-size:9pt; color:#000}
.info_entrep a {text-decoration:none; color:#336699}
.info_entrep a:hover {color:#000}
#detailoffre th {font-weight:bold; background:#336699; color:#fff; text-align:center}
.titreoffre {font-weight:bold}

/* ----------------- encart droite + extranet ------------------ */
#extranet {width:95%; border:1px solid #ccc; background:#fff}
#extranet td {font-size:x-small}
#abonne {width:100%}
#abonne td {text-align:right; vertical-align:top; font-size:x-small}
#referencer {width:95%; border:1px solid #ccc; background:#fff}
#referencer td {font-size:x-small}
#alaune {border-bottom:1px solid #000}
#toutactu td {text-align:center; font-size:7pt}
#toutactu a {color:blue; font-weight:bold; text-decoration:none}
#toutactu a:hover {color:red; text-decoration:underline}
#marche td {text-align:center !important}

/* Gabarit diaporama */
.TContenu tbody .separation1 {background:#000; height:1px}
/* Gabarit de formulaire en ligne */
#contenu td {padding:10px}
#contenu .ModTitre {font-size:small; font-weight:bold}

/* --------------------- espace pied de page -------------------------- */
table.pied {width:798px; border-top:1px solid #fff; border-bottom:3px solid #6699cc; background:url(images2/BasPage.jpg)}
.pied img {border:0px}
.icone {margin-right:5px; margin-left:5px}
a.invariant {color:#000; text-decoration:none}
a.invariant:hover {text-decoration:underline}
.SELECT {background:#5c5c5c; color:#ebebeb; font-size:10px}
.invar2 {font-size:8pt}
.invar2 a {font-size:8pt; text-decoration:none; color:#000}
.invar2 a:hover {color:blue}
#motcle {display:inline}