/*----------------------------------------------------------------------------*/
/* ------------ CSS pour http://www.coudiere.com --------------------*/
/* ------------ Date: 020206 -------------------------------------------------*/
/* ------------ Auteur: www.sous-titre.com  ----------------------------------*/
html, body 
                {width: 100%;height: 100%;margin: 0 auto;}
.hide           {display: none;}
body            {background: #888 repeat-x url(../img/fond_page.jpg);margin: 0; padding: 0; height: auto;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}
hr              {visibility: hidden;text-align:center;height:30px;width:100px}
ol, ul, li      {margin: 0; padding: 0;}
/* ------------ CONTENEUR GLOBAL ---------------------------------------------*/
#conteneur      {border: 1px solid #900;background: #ede8e3; height: auto;text-align: left;position: absolute;width: 780px;left: 50%;margin-left: -390px;}
/* ------------ TITRE --------------------------------------------------------*/
#titre h1       {background: url(../img/titre.jpg) no-repeat;margin: 0;width: 780px;height: 103px;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        {background:repeat-x url(../img/fond_cont.jpg);border-left:2px solid #900;margin: 0 0 0 263px;width:auto;height:auto;color:black;}
#contenu h2     {font: 1.6em Times New Roman, Times, serif;color: #039;margin:0 0 0 40px;text-align:left;height:20px;border-bottom: 5px solid #efefef;}
#contenu h3     {color: #039;margin:0 0 0 40px;font-size: 1em ;background: url(../img/fond_h2.jpg);text-align:left;border-bottom: 1px solid #efefef;}
#contenu p      {text-align: justify;margin: 0;padding:5px 40px 5px 40px;}
#contenu ul     {list-style-type: none;}
#contenu li     {margin:0 20px 0 40px;}
#contenu li span a:hover   {background:none;text-decoration: none;}
#liens          {padding-top:30px;width:500px;height:470px}
#dossier        {color:#339;margin: 0 0 291px 40px;}
#bdd            {color:#339;margin: 0 0 0 40px;}
#ident          {margin:20px 0 250px 40px;width:288px;background: #ede8e3;border-top: 2px solid #900;border-bottom: 2px solid #900}
#ident input    {font-size:13px;padding:0;margin:0}
.bddzone        {margin:5px 0;}
.erreur         {font-weight:bold; color:red;}
/* ------------ MENU ---------------------------------------------------------*/
#menu           {font-size: small;position:absolute;left:0;width:263px;height:512px;padding:0;margin:0;background: #ede8e3 url(../img/fond_menu.jpg) no-repeat;}
#menu h2        {background-color:#efefef;margin:5px 0 5px 25px;padding:0 0 0 5px;font-size: small ;color:#696;}
#menu ul        {list-style-type: none;}
#menu ul li     {margin:5px 0 0 30px;line-height: 1.5em;clear:both;text-align: left;}
#menu p         {font: 1.5em Times New Roman, Times, serif;margin:35px 0 0 10px}

/* ------------ LIENS --------------------------------------------------------*/
a:link          {background:none;color: #039;text-decoration:none;}
a:visited       {background:none;color: #039;text-decoration: none;}
a:hover         {background:none;color: #efefef;background-color: #900;text-decoration: none;}
a:active        {background: none; color: #039; 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           {background: #900 url(../img/fond_pied.jpg) no-repeat;clear: both;text-align:left; font-size: small; color: white;height:85px;width:780px;padding:0;margin:0}
#pied p         {text-align: left;margin: 0;padding:0}
#adresse        {float:left;height:80px;margin: 5px 0 0 0;padding:0 0 0 10px}
#numeros        {float:left;height:80px;margin: 5px 0 0 0;padding:0 0 0 85px}
#mail           {float:left;height:80px;margin: 5px 0 0 0;padding:0 0 0 90px}
#pied a         {text-decoration:none; color:#ccc;background: none;}
#pied a:hover   {background:none;text-decoration: none;}
#pied span      {float:left;}