@charset "iso-8859-1";

BODY {background-color: #ddd; font: 12px Verdana, Arial, Helvetica, sans-serif; height: 100%; margin: 0px; width: 100%;}

* {margin: 0; padding: 0;}

a, a:link, a:visited {text-decoration: none; color:#00a;}

/* color: #3f403b;} */
a:hover {text-decoration: none;   background-color: #9bbce0;}

/*#container {position:absolute; left:50%; margin-left: -500px; margin-top:0px; width: 1000px; background: transparent url("../images/fondMain.png") no-repeat bottom right; background-color: #fff;}*/
#container {position:absolute; left:50%; margin-left: -500px; margin-top:0px; width: 1000px; background-color: #fff;}
#header {background: #afd1f1; width : 100%; text-align: center; margin-bottom:5px;}
#entete {margin-top: 5px; margin-top: 5px; width: 164px; background-color: #ffffff; text-align: center;}
#menu {margin : 0 0 0 1px; width:164px; background-color: #ffffff;}
#main {margin : 0 1px 0 0; width:820px; float: right;}
#footer {width: 100%; margin-top:5px; border-top:1px solid black; background-color: #ffffff; text-align: center; float: right;}

#logo {width: 164px; height: 132px; background: #fff;}

div.info {border: 1px solid #00f; background: #eef; margin-bottom : 5px;}
div.erreur {border: 1px solid #f00; background: #fee; margin-bottom : 5px;}
div.alerte {border: 1px solid #f00; background: #fee; margin-bottom : 5px;}

#bienvenue p.paragraphe {font: 12px arial, helvetica, sans-serif; color: #000000; text-align: center;}
#bienvenue p.paragraphe strong {font-weight: bold;}
#bienvenue p.date {margin-top:5px; font: 12px arial, helvetica, sans-serif; color: #000000; text-align: center;}

/* *****************************************************************************************************************************/
#menu ul {font-size: 11px; list-style-type: none; text-align: left; border: 1px solid #3f403b; margin-bottom:10px;}
#menu li {margin: 0 0 0 5px;}
#menu li a {display: block; color: #3f403b;}
#menu li a:hover {text-decoration: none; background-color: #9bbce0;}
#menu li a.special {font-size: 11px; list-style-type: none; text-align: center; border: 1px solid #3f403b; color:#fff; background-color: #3f403b; font-weight: bold;}
#menu p.titre_menu {font-size: 11px; color:#7d97b3; text-align: center; border: 1px solid #3f403b; background-color: #3f403b; font-weight: bold;}
#menu h1 {font-size: 11px; color:#7d97b3; text-align: center; border: 1px solid #3f403b; background-color: #3f403b; font-weight: bold;}
#menu h1.MenuAdaMenuGeneral {background-color: #aaa; color:#2222ff;}
/* *****************************************************************************************************************************/
#main h1 {font-size: 18px; color:#6d7e8f; font-weight:bold; margin-bottom: 20px; text-align: right; border-bottom: 1px solid #6d7e8f;}

#main p.titre {font-size: 18px; color:#6d7e8f; font-weight:bold; margin-bottom: 20px; text-align: right; border-bottom: 1px solid #6d7e8f;}
#main p.paragraphe   {margin-top: 7px; font-size: 12px;}
#main p.paragraphe2 {margin-top: 3px; font-size: 12px; text-align: center;}
#main p.haut_page {text-align:right;}

#main p.sous_titre  {margin-bottom:15px; font-size: 14px; font-weight:bold; color:#3399cc; text-align: center;}
#main p.sous_titre2 {margin-bottom:15px; font-size: 12px; font-weight:bold; color:#3399cc; text-align: center;}
#main p.sous_titre3 {margin-bottom:15px; font-size: 12px; font-weight:bold; color:#3f403b; text-align: center;}

#main p.intitule {margin-top:15px; font-size: 12px; font-weight:bold; color:#3399cc; text-align: center;}
#main p.intitule2 {font-size: 12px; font-weight:bold; color:#3399cc; text-align: left;}
#main p.intitule3 {font-size: 12px; font-weight:bold; color:#3399cc; text-align: center;}
#main p.intitule4 {font-size: 12px; color:#00d; text-align: center;}

#main p.champ   {font-size: 12px; font-weight:bold; text-align: center;}
#main p.champ2 {font-size: 12px; font-weight:bold; text-align: left;}

#main p.info_manquante {font-size: 12px; color:#aa22cc; text-align: center;}

#main p.prive   {font-size: 12px; color:blue; text-align: center;}
#main p.public {font-size: 12px; color:red; text-align: center;}

p.alerte {margin-bottom:10px; font-size: 12px; color:#dd0000; text-align: center;}

#main p.legende {font-size: 10px; color:#00d; text-align: justify;}

#main p.calendrier {font-size: 9px; color:#00d; text-align: justify;}

#main p.Normale {font-size: 9px; color:#090;}
#main p.Haute     {font-size: 9px; color:#d00;}
#main p.Faible   {font-size: 9px; color:#00d;}

#main p.commentaire_calendrier {font-size: 9px; margin-left:50px;}
#main p.calendrier_anniversaire {font-size: 9px; text-align: justify;}

#main p.nouveau_message {font-size: 10px; font-weight:bold; color:#ff0000; text-align: left;}

#newsAccueil {width: 100%;}

#newsENET {width: 100%;}

#zoneNews                                  {margin-bottom: 20px; width: 100%;}
/*#zoneNews h1                             {margin-bottom: 0px; text-align: left; border-bottom: 1px dashed #6d7e8f; background: transparent url("../images/journal.gif") no-repeat right;}*/
#zoneNews h1                             {font-size: 12px; margin-bottom: 0px; text-align: left; border-bottom: 1px dashed #6d7e8f; background: transparent url("../images/journal.gif") no-repeat right;}
/*#zoneNews h2                             {font-size: 14px; font-weight:bold; text-align: justify;}*/
#zoneNews h2                             {font-size: 12px; margin-bottom: 0px; text-align: left; font-weight:bold;}
#zoneNews strong.new                {font-size: 10px; color:red; font-weight:bold;}
#zoneNews strong.date              {font-size: 12px;}
#zoneNews strong.titre            {font-size: 18px; font-weight:bold; color:#39C;}
#zoneNews p                               {margin: 0 0 0 0;}
#zoneNews p.diffusion_news {font-size: 10px; color:#aaa; text-align: justify;}

#RSSExterne                            {}
#RSSExterne div.RSSGeneral {margin-bottom: 30px;}
#RSSExterne h1                       {font-size: 14px; margin-bottom: 0px; text-align: left; border-bottom: 1px dashed #6d7e8f; background: transparent url("../images/rss.jpg") no-repeat right;}
#RSSExterne h2                       {font-size: 14px; margin-bottom: 0px; text-align: left; border-bottom: 1px dashed #6d7e8f; font-weight:bold;}
#RSSExterne div.RSSDate       {font-size: 10px; color:#aaa; text-align: justify;}
#RSSExterne div.RSSTexte     {font-size: 12px; margin-bottom: 10px; text-align: justify; font-weight:normal;}

#imageBlocGeneral {text-align: center;}

#imageBlocImage       {text-align: center;}
#imageBlocImage img {}

#imageBlocLegende p {text-align: center; font-size: 10px; color:#444;}

#messageListe_chat                                             {border: 1px solid #3f403b; height: 200px; overflow: auto;}
#messageListe_chat strong.dateAffiche_chat {color:#aaa; font-weight:normal;}

#TextArea      {text-align: justify;}
#TextArea h1 {font-size:18px; font-weight:bold; color:#6d7e8f;}
#TextArea h2 {font-size:16px; font-weight:bold; color:#6d7e8f;}
#TextArea h3 {font-size:14px; font-weight:bold;}

/* Mise en forme des listes */

#main ul {margin-left: 50px; text-align: left;}
#main li {}

#main ul.sous_menu {margin-left: 0px; margin-bottom: 20px; list-style-type: none; text-align: center;}
#main li.sous_menu {display: inline;}
#main li.sous_menu a {color: #3f403b;}
#main li.sous_menu a:hover {text-decoration: none; background-color: #9bbce0;}

#main ol {margin-left:50px; margin-bottom: 20px; text-align: left;}

#main ul.sous_menu2 {margin-bottom: 20px;  list-style-type: none; text-align: left;}

#main li.sous_menu2 {display: block;}
#main li.sous_menu2 a {color: #3f403b;}
#main li.sous_menu2 a:hover {text-decoration: none; background-color: #9bbce0;}

#main li.sous_menu3 {margin-left: 20px; display: block;}
#main li.sous_menu3 a {color: #3f403b;}
#main li.sous_menu3 a:hover {text-decoration: none;   background-color: #9bbce0;}

#main ul.liste {margin-left:50px; margin-bottom: 20px; text-align: left;}
#main li.liste {color:#00a; list-style-type: disc;}

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

/* Mise en forme des tableaux */

#main table {border-collapse: collapse; margin: 10px auto; border: solid 1px #fc8000;}
#main tr {}
#main td {margin-left: 10px; margin-right:10px; border-left: 1px dotted #fc8000; border-bottom: 1px dotted #fc8000;}

#main table.sansAucuneBordure  {border: 1px solid #fff; text-align: left;}
#main tr.sansAucuneBordure     {border: 1px solid #fff; text-align: left;}
#main td .sansAucuneBordure    {border: 1px solid #fff; text-align: left;}

#main table.tableau   {width: 100%;}
#main table.tableau2 {border: solid 1px #fc8000;}
#main table.tableau3 {width: 100%;}

#main table.newsindex {width: 100%; border: solid 0px #fc8000;}
#main td.newsindex     {vertical-align:top; border: solid 0px #fc8000; width:50%;}

#main tr.supprimerLigne {background-color: #f00;}

#main td.premiereLigneTableau {color: #fc8000;}
#main td.td1 {border-left: 1px dotted #fc8000; border-bottom: 1px dotted #fc8000;}
#main td.td2 {vertical-align: middle; background-color:#ddddff; border-left: 1px dotted #fc8000; border-bottom: 1px dotted #fc8000;}
#main td.td3 {vertical-align:top; border-left: 1px dotted #fc8000; border-bottom: 1px dotted #fc8000;}
#main td.td4 {vertical-align:top;}
#main td.td5 {vertical-align:top; border: 1px dotted #6d7e8f;  background-color: #ddeeff;}

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

#main img {border:0;}

#main p.intitule_emplois1 {font-size: 16px; font-weight:bold; color:#3f403b; text-align: center;}
#main p.intitule_emplois2 {font-size: 12px; font-weight:bold; color:#3f403b; text-align: center;}

#main p.alerte2 {color:#0000dd; text-align: center;}

/* Mise en forme des formulaires */

#main input {font: 12px sans-serif; background-color: #ddf; border: 1px solid #00f;}

#main input.radio             {border: 0px solid #00f; background-color: #f9f9f9;}
#main input.pwd               {}
#main input.listeDeroulante   {}
#main input.checkbox          {border: 0px solid #00f; background-color: #f9f9f9;}
#main input.inputFichier	  {}
#main input.inputText         {}
#main input.textObligatoire   {border: 1px solid #f00; background-color: #fdd;}
#main input.textVerrouille    {border: 1px solid #555; background-color: #ddd; color:#555;}
#main input.formulaire        {}
#main input.formulaire_oblig  {}
#main input.bouton            {margin: 10px 0 10px 0;}

#main select {font: 12px sans-serif; background-color: #ddf; border: 1px solid #00f; text-align: left;}
#main select.formulaire {}

#main textarea     {font: 12px sans-serif; background-color: #ddf; border: 1px solid #00f;}
#main textarea.textArea   {}
#main textarea.formulaire {}
	
#main div.radio {margin: 0 0 0px 0;}
#main div.textArea {margin: 0 0 0px 0;}
#main div.inputTextAjax {margin: 0 0 0px 0;}
#main div.inputText {margin: 0 0 0px 0;}
#main div.inputTextPrive {margin: 0 0 0px 0;}
#main div.inputPwd {margin: 0 0 0px 0;}
#main div.inputFile {margin: 0 0 0px 0;}
#main div.formBouton {margin: 0 0 0px 0; text-align: center;}
#main div.listeDeroulante {margin: 0 0 0px 0;}
#main div.dateForm {margin: 0 0 0px 0;}

/* taille du main : 820 */
#main div.formulaire {font: 12px sans-serif; margin: 0 0 0 160px; border: 1px solid #aaa; background-color: #f9f9f9; width: 500px; margin-bottom:10px;}
#main div.formulaireTitre {background-color:#ddd; background: transparent url("../images/fondTitreFormulaire.png") no-repeat bottom right;}
#main div.formulaireCorps {margin: 0 10px 0 10px;}
#main div.formulaire h1 {font-size: 12px; color:#000; font-weight:bold; margin: 0 0 20px 2px; text-align: left; border-bottom: 0px; background: transparent;}
#main div.formulaire h2 {font-size: 12px; color:#449; font-weight:bold; margin-top: 20px; text-align: right; border-bottom: 0px; background-color:#f0f0f0;}
#main div.formulaire p.champ   {margin: 20px 0 5px 0; text-align: left;}
/*-------------------------------*/

#main hr.forum {width:480px; border-top: 1px solid #00f; margin-left: 100px; margin-top:20px;}
#main hr.sondage {border-top: 1px solid #00f; margin-top: 20px; margin-bottom : 20px; text-align: center; width: 70%}

/*Mise en forme pour le tableau des adhésions par période */
#main td.adherents {background-color: #afa;}
#main td.nonAdherents {background-color: #faa;}
#main td.pourcentage {background-color: #aaf;}
#main td.total {background-color: #fff;}

/* *****************************************************************************************************************************/
/* CV */
#cv {width: 700px; margin: 0 0 0 50px; border: 1px solid #aaa;}
#cv table {margin: 2px 2px 10px 2px; width : 99%;}
#cv h1{font-size: 20px; color:#000; font-weight:bold; margin: 0 0 20px 2px; text-align: center; border-bottom: 0px; background: transparent;}
#cv h2{font-size: 18px; color:#6d7e8f; font-weight:bold; margin: 20px 0 10px 0; text-align: left; border-bottom: 1px solid #6d7e8f;}
#cv p.description         {margin:0 0 0 200px;}

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

#footer p.mention {text-align: center; font-size: 10px;}

#forum p {margin-top: 7px;}
#forum ul {margin-left: 30px; list-style-type: circle;}
#forum ol {margin-left: 40px;}

#news p {margin-top: 7px;}
#news ul {margin-left: 30px; list-style-type: circle;}
#news ol {margin-left: 40px;}

#description p {margin-top: 7px;}
#description ul {margin-left : 30px; list-style-type: circle;}
#description ol {margin-left : 40px;}

#gestion_projet p {margin-left : 30px; margin-top: 7px;}
#gestion_projet ul {margin-left : 30px; list-style-type: circle;}
#gestion_projet ol {margin-left : 40px;}

.suggestionsBox{position: relative; left: 50px;	width: 400px; background-color: #def; border: 1px solid #fc8000;	color: #222;}
.suggestionList {font-family: Helvetica; font-size: 10px; text-align: left;}
.suggestionList li {cursor: pointer; list-style: none;}
.suggestionList p.suggestionlist_sstitre {font-family: Time; color: #00f; text-align: right;}
.suggestionList li:hover {background-color: #fc8000;}