/*----------------------------------------------------------------------------*/
/* ------------ CSS pour http://www.scpberton.com --------------------*/
/* ------------ Date: 260807 -------------------------------------------------*/
/* ------------ Auteur: www.sous-titre.com  ----------------------------------*/
html, body 
                {width: 100%;height: 100%;margin: 0 auto;}
.hide           {display: none;}
body            {background: #036;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}
hr              {visibility: hidden;text-align:center;height:30px;width:100px}
ol, ul, li      {margin: 0; padding: 0;}
/* ------------ CONTENEUR GLOBAL ---------------------------------------------*/
#conteneur      {border: 1px solid #036;background: #5487ba; 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: 102px;color: white;}
#titre h1 a     {font: small Verdana, Helvetica, Arial, sans-serif;display: block;position: relative ;}
#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:#fff repeat-x url(../img/fond_cont.jpg);border-left:2px solid #9cf;margin: 0 0 0 263px;width:auto;height:auto;color:black;}
#contenu h2     {font: 1.6em Times New Roman, Times, serif;color: #036;margin:0 0 0 40px;text-align:left;height:20px;border-bottom: 5px solid #9cf;}
#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:130px;width:500px;height:411}
#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:411px;padding:0;margin:0;background: #5487ba url(../img/fond_menu.jpg) no-repeat;}
#menu h2        {background-color:#036;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         {margin:60px 0 0 180px}

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