/*----------------------------------------------------------------------------*/
/* ------------ CSS pour http://www.hdj79-THOUARS - PARTHENAY - SAINT-MAIXENT-L'ECOLE - NIORT.com ----------------------*/
/* ------------ Date: 020909 -------------------------------------------------*/
/* ------------ Auteur: www.sous-titre.com  ----------------------------------*/
html, body 
                {width: 100%;height: auto;margin: 0 auto;}
.hide           {display: none;}
body            {background: #484848 url(../img/fond_page.jpg) repeat-x;margin: 0; padding: 0; height:100%;font: small "trebuchet ms", Helvetica, Arial, sans-serif; color: #003; text-align: center;}
/* On met le padding à 0 pour le navigateur Opera qui définit des padding par défaut pour le body*/
img             {border:0 none}
hr              {visibility: hidden;text-align:center;height:30px;width:100px}
ol, ul, li      {margin: 0; padding: 0;}
/* ------------ CONTENEUR GLOBAL ---------------------------------------------*/
#conteneur      {background: #efefef url(../img/fond_cont.jpg) repeat-y; height: auto;text-align: left;position: absolute;width: 960px;left: 50%;margin:0px 0 0 -480px;}
/* ------------ TITRE --------------------------------------------------------*/
#titre          {background: transparent}
#titre h1       {margin: 0;padding:0;width: 960px;height: 218px;color: white;}
#titre h1 a     {font: small Verdana, Helvetica, Arial, sans-serif;display: block;}
#titre h1 a span{display: none ;}
/* Le span entourant le texte titre permet d'avoir un h1 pour la clarté, sans avoir à l'afficher */
#titre h1 img   {border: 0 none;}

/* ------------ PARTIE PRINCIPALE --------------------------------------------*/
#contenu        {color:#1f3c5f;background: #efefef;margin: 0 0 0 344px;width:auto;height:auto;}
#contenu h2     {margin:0;padding:0;color:#340e0d;font-family: Times New Roman, Times, serif;}
#contenu h2 span{display: none ;}
#contenu h3     {padding:0 0 0 20px;width:auto;color: #340e0d;background:#d1c2a5;margin:0 0 0 50px;font-size: 1em ;text-align:left;}
#contenu h4     {width:auto;color: #039;margin:0 0 0 20px;font-size: 1em ;background: #fff;text-align:left;}
#contenu span a:hover   {background:none;text-decoration: none;}
#contenu p      {text-align: justify;margin: 0;padding:0px;}
#contenu ul     {list-style-type: none;list-style-position: inside;list-style-image: url("../img/gif/puce.gif")}
#contenu li     {margin:0 20px 0 130px;}
#contenu li span a:hover   {background:none;text-decoration: none;}

.erreur         {font-weight:bold; color:red;}
/* ------------ MENU ---------------------------------------------------------*/
#menu           {color:black;background: transparent url(../img/fond_menu.jpg) no-repeat;font-size: small;position:absolute;left:0;width:344px;height:auto ;padding:0;margin:0;}
#menu h2        {margin:0;padding:0 0 0 30px;color:#015a67;font: 18px "trebuchet ms", Helvetica, Arial, sans-serif;line-height:20px}
#menu h3        {margin:0;padding:0 0 0 10px;color:white;background:#015a67;font: 18px "trebuchet ms", Helvetica, Arial, sans-serif;line-height:30px}
#menu a:link    {color: #fcd864;text-decoration: none;}
#menu a:visited {color: #fcd864;text-decoration: none;}
#menu a:hover   {color: #fff;background: #1f3c5f;text-decoration: none;}
#menu a:active  {color: #fcd864;text-decoration: none;}
#menulien       {border-top:1px solid #015a67;width:280px;height:auto;text-align:left;padding-left:5px;margin:0 20px 0 30px;background:#1c9dae url(../img/gif/fond_div.gif) no-repeat bottom}
/* ------------ LIENS --------------------------------------------------------*/
a:link          {color: #fff;text-decoration: none;}
a:visited       {color: #fff;text-decoration: none}
a:hover         {color: #efefef;background: #1f3c5f;text-decoration: none}
a:active        {color: #fff;text-decoration: none}
a:link, a:visited, a:hover, a:active {outline:0;}
/*------------- necessaire pour gestion du float sous IE5 et 5.5 -------------*/
#cleardiv {clear: both;height: 1em;}
/*------------- PIED DE PAGE -------------------------------------------------*/
#pied           {height:135px;width:960px;background: transparent url(../img/fond_pied.jpg) no-repeat bottom;clear: both;text-align:left;color: #e7f5fc;padding:0;margin:0}
#pied p         {text-align: left;margin:0;padding:0}
#adresse        {float:left;padding:2px 0 0 30px}
#horaires           {float:left;padding:10px 0 0 150px}
#horaires p         {text-align:center;}
#mentions        {float:right;padding:2px 20px 0px}
#mentions p      {text-align:right;}
#mentions a:hover   {background:none;text-decoration: none;}